Я хочу нарисовать анимацию на холсте, нужно ли использовать много разных картинок или это можно сохранить как настоящую анимацию (возможно, gif) в одном файле?

Question

Для моей игры мне нужно анимировать ходьбу персонажа / NPC. Раньше у меня было много разных .png изображений для каждого хода, но могу ли я поместить все это в один файл? Я бы не хотел использовать .gif , потому что мне нужен прозрачный фон, поэтому файл .png предпочтительнее. Это не очень важно, но просто сэкономит мне время и кодирование ...

Answer 1

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

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

Это руководство объясняет это: http://michalbe.blogspot.com/2010/09/simple-game-with-html5-canvas-part-2.html