2012-06-10 4 views
1

Как сделать в холсте HTML5 Анимирование изображений?HTML5 Canvas Tileset Animation

Я есть этот код прямо сейчас: http://jsfiddle.net/WnjB6/1/

В здесь я могу добавить что-то вроде анимации ->Animation.add('stand', [0, 1, 2, 3, 4, 5]);

Но как играть эту анимацию? Мое изображение функция рисунок ->drawTile(canvasX, canvasY, tile, tileWidth, tileHeight);

Animation['stand']; return 0, 1, 2, 3, 4, 5

Я нужно что-то вроде, когда я запустить Animation.play («стоять») запустить анимацию из «стоять» массива.

Я пытаюсь сделать это что-то вроде одного дня, но не знаю, как это сделать. :(

Спасибо и извините за мой плохой английский язык.

ответ

1

Здесь я идти!

http://jsfiddle.net/WnjB6/5/

Я добавил все состояние вам нужно следить за простой анимации, и я также добавили способ повторения анимации.

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

Это было бы полезно, если бы вы хотели, чтобы «стоять» играли все время, а затем «атаку» или что-то еще, а затем возвращайтесь к «стоять», когда «атака» выполняется. Но это на другой день!

+0

Еще раз спасибо! :) – Veyha