Как увеличить значение переменных?

Question

Я создаю игру на холсте только для практики на холсте. То, что это - фотография только слайда пистолета, а затем прямо под ним - картина всего минус-го слайда, так что это выглядит как одна картина пистолета. Когда клик будет нажат, я собираюсь сделать слайд снова назад, а затем вперед, и пуля выйдет из ствола. Мне нужна помощь, хотя я нахожу способы заставить пулю двигаться. Я попытался увеличить значение переменной координат x, и, возможно, я просто ничего не делал там, но это не сработало. У вас есть предложения для меня?

Большое спасибо, я очень ценю это.

Answer 1

Хорошо ... Я подозреваю, что вы неправильно настроили цикл анимации. Внутри вашего javascript напишите что-нибудь вроде этого

var gameThread = SetInterval(invalidate, 33); 
function invalidate(){ 
    updateBulletX(); 
    redrawCanvas(); 
} 

Так около 30 раз за одну секунду будет выполняться функция invalidate. Функция updateBulletX будет вычислять текущую позицию пули, а функция redrawCanvas уничтожит и перекроет весь холст.

Это фундаментальная концепция любых анимационных игр.

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

• http://impactjs.com/
• http://canvasengine.net/
• http://enchantjs.com/

и т.д. и т.п. Google

Answer 2

Простое увеличение переменной не приведет к перерисованию холста. Вы должны вручную перерисовать холст, чтобы показать сцену в новом обновленном состоянии.