Стирание только одного изображения, если несколько изображений перекрываются, без повторного рендеринга всего в canvas в js - PullRequest
Новая
       46

Стирание только одного изображения, если несколько изображений перекрываются, без повторного рендеринга всего в canvas в js

0 голосов
/ 25 сентября 2019

Я пытаюсь создать одну игру, используя HTML 5 Canvas и JavaScript, у меня есть первое изображение, в какую-то точку будет перемещено следующее второе изображение.Эти точки первого изображения будут определены вручную как координаты x и y.Второе изображение перемещается по координатам после перемещения по той точке, которую я стер. Изображение в предыдущей точке, которое удалит как часть первого изображения, так и второе изображение.

Если Вы не получили меня, пожалуйста, посмотрите видео, приведенное ниже.

Стирание всего в canvas и перерисовка всего в canvas будет кошмаром для моего кода, поэтому я ищу другую идеюдаже это трудно. 

      canvas.ctx.save();
      canvas.ctx.clearRect(xAxis ,yAxis , 40, 40);
      canvas.ctx.drawImage(xAxis ,yAxis , 40, 40);;
      canvas.ctx.restore();

Я включил в свой образ проблемы только небольшой фрагмент кода, потому что у меня очень большой код с частной проблемой.

Мне нужна только концепция для решения моей проблемы. Пожалуйста, помогите мне. Это видео, которое показывает мою проблему.

https://drive.google.com/open?id=1PlZSkwWw1_tmml2ZDfacVCBwV4W4alYG

...