2012-01-23 2 views
0

http://www.html5canvastutorials.com/webgl/html5-canvas-webgl-plane-with-three-js/Использует ли эффекты html 5 анимации столько javascript?

В этом примере это просто вращающийся самолет.

Я HTML-5 начинающий :)

Однако, обратите внимание на то, сколько расчет делает код JS.

У меня нет проблем с этим.

но вот как это будет? (во время обучения html5)

для каждой анимации я должен искать код js? (и попробуйте настроить его для моих нужд)?

, и если да, то есть ли центрированное место общих сценариев для html 5 анимаций?

+1

Если вы считаете, что это много кода, остановитесь сейчас и сдадитесь. Это не очень много кода. – Rob

+1

@rob Я не боюсь кода Я просто спросил, должен ли я знать все эти вычисления углов и т. Д. –

+0

Это природа 3D-программирования, манипуляций и пейзажей. –

ответ

1

Зависит.

Использование холста и JS, возможно. Код представляет собой только сырую чертежную доску, поэтому на нее распространяется тот же код чертежа, который вы использовали бы в большинстве подобных сценариев. three.js (как используется в этом примере) используется, чтобы упростить задачу, и использование 3d drawing context для холста поможет, но это будет почти то же самое, что и three.js (возможно, даже с его использованием, Знаете, не использовали его раньше).

Однако, для простых вещей, подобных этому, CSS 3 3D animations сделает все возможное. Вы можете изменить такие вещи, как перспектива и вращение, и получить такие эффекты. Так что это зависит от того, для чего вы будете его использовать.

Если вы можете уйти с CSS и элементами, то это может быть довольно легко (ключевые кадры и стили CSS). Но если вы ищете более сложные 3D-эффекты, чем да, это будет сложнее.

+0

для тот же эффект с JS vs CSS, я должен выбрать css? –

+0

@RoyiNamir Это будет зависеть. Двигатели JS, вероятно, будут быстрее, поэтому, если вы много делаете или делаете сложные вещи, то WebGL и JS - это путь. Если вы собираетесь использовать простые эффекты, CSS вполне может стоить того. Кроме того, совместимость с холстом выше, чем CSS 3 (хотя не для ускорения эффектов WebGL). – Ktash

Смежные вопросы