Я делаю игру, и я хочу анимировать моего персонажа (атаковать, ходить и т. Д.), Но у меня нет идеи о том, как это сделать. Я знаю, что это не для цикла, потому что, если это так, анимация будет играть в одно мгновение, вы не сможете ее увидеть. Я загрузил образец спрайта, и я буду проверять его, как только я узнаю, как это сделать.Game sprite animation
Вы можете получить анимацию спрайтов, используя CSS3's steps() function, где поддерживается. Или простой javascript подход с использованием таймеров (setTimeout, setInterval).
Вот простые примеры, как: http://codepen.io/anon/pen/hCeuG
Однако для части JS, то лучше, если у вас есть один цикл игры, где вы обновляете вашу анимацию, что это всего лишь пример. Вы можете найти очень глубокое объяснение о яваскрипте игры петле здесь: http://nokarma.org/2011/02/02/javascript-game-development-the-game-loop/index.html
Спасибо за это! Я фактически не хочу использовать игровые библиотеки, потому что сначала я должен изучить его (я чувствую, что это пустая трата времени, пытаясь понять большую часть библиотеки), прежде чем я смогу сделать свою игру. – Zik
Я ожидал, что из вашего вопроса, поэтому я не предоставил ни одной игровой библиотеки, кроме примера и объяснения базовой концепции. :) Надеюсь, поможет! Взгляните на статью цикла игры, особенно, это фундаментально. Даже если вы используете каву для рисования изображения, подход к «анимации» в JS с листа спрайтов совершенно одинаковый. – ZER0
У меня вопрос, где я могу поставить setInterval? Включить ли я обновление()? Это повлияет на интервал? – Zik
Вы можете использовать бесплатные спрайты или попробовать сделать это с Photoshop (если вы профессионал!) Или Sprite Maker (для основных пользователей!)
для В 3D-моделях вы можете использовать
Существуют ли игровые библиотеки на основе JS, которые существуют с единственной целью сделать игры более легкими. вы должны использовать один из них.
Я работал над некоторыми из них, и мне нравится CreateJS с обширной поддержкой звуков и спрайтов. Фактически вы можете создавать спрайты на лету, используя анимации
Я тоже был в такой ситуации.
CreateJS был очень полезен для меня.
Эта библиотека имеет очень хорошую документацию по обработке спрайтов и растровой анимации.
У EaselJS есть примеры с исходным кодом, чтобы показать, как использовать спрайт-лист в вашей игре.
Другой блог, который был полезным для манипуляции спрайт листа был по David Rousset: HTML5 Gaming: animating sprites in Canvas with EaselJS
Я думаю, что это может быть полезным для вас
Показать, что вы пробовали. Google javascript анимация спрайтов – mplungjan
В чем вопрос? –