Какую библиотеку js использовать для создания несложной анимации с помощью html5 canvas?

Question

Я хочу написать анимацию с элементом холста html5.Я обнаружил, что есть некоторые библиотеки JS, которые помогают использовать функциональность холста.Например, KineticJS, FabricJS.Но я не знаю, какую библиотеку использовать.
Каковы плюсы и минусы при использовании этих библиотек?Или, может быть, вы знаете, даже лучшую реализацию?

edit
Я собираюсь создать нечто похожее на статическое изображение, но с фрагментом анимации.Например, плавающие облака на небе, цветок, где можно оторвать лепесток и бросить его.Может быть какая-то анимация с солнцем.Это общее описание, надеюсь, это поможет.

Answer 1

Для простых анимаций забудьте холст и используйте position: absolute элементы div с фоновым изображением, которые можно перемещать с помощью CSS transform translate3d и scale3d.

Answer 2

cgSceneGraph - это анимационный фреймворк javascript, предоставляющий полный движок анимации с временными шкалами, ключами анимации, ... Он также предоставляет вспомогательные методы для простого добавления анимаций к каждому атрибуту элемента.

Пример на главной странице сайта - именно то, о чем вы говорите, поэтому он должен соответствовать вашим потребностям:)

Answer 3

Существует Processing.js, который является портом обработки для Java.Processing.js идеально подходит для двухмерных изображений.

Raphaël использует svg для рисования изображений, что обеспечивает большую совместимость.

Для 3d существует Three.js, который использует и canvas, и webgl.

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

http://javascript.open -libraries.com / utilities / drawing / 10-best-Javascript-рисунок-и-холст-библиотека /