Question

http://www.html5canvastutorials.com/webgl/html5-canvas-webgl-plane-with-three-js/

In this example its just a rotating plane.

I’m an html 5 beginner 🙂

However, look at how many calculation does the JS code.

I dont have any trouble with it.

but this is how its gonna be ? ( while learning html5)

for every animation I should look for the js code ? ( and try to custom it to my needs) ??

and if so , is there any centrelized place of general scripts for html 5 animations ?

Answer 1

Depends.

Using canvas and JS, probably. The code is just a raw drawing board, so it is subject to the same drawing code you would using in most similar scenarios. three.js (as used in that example) is used to make things easier, and having a 3d drawing context for canvas will help, but it will be pretty much the same thing as three.js (it may be even using it, I don’t know. Haven’t used it before).

However, that said, for simple things like that, CSS 3 3D animations will make things possible. You can modify things like perspective and rotation and get effects like that. So it depends on what you will be using it for.

If you can get away with CSS and elements, than it can be pretty easy (keyframes and CSS styles). But if you’re looking for more complicated 3d effects, than yes, it will be more complicated.