javascript - How to make 3D animation with Canvas - Stack Overflow

admin管理员组

文章数量:1431918

I have background on Canvas 2D context, but i want to perform a 3D animation like this one, is Three.js library the best choice to do such animation? Can you point me to some useful tutorial or documentation that may help. Thanx in advance.

I have background on Canvas 2D context, but i want to perform a 3D animation like this one, is Three.js library the best choice to do such animation? Can you point me to some useful tutorial or documentation that may help. Thanx in advance.

• javascript
• canvas
• html5-canvas
• three.js

Share Improve this question Follow asked Sep 3, 2012 at 18:24 MallocMalloc 16.3k3535 gold badges108108 silver badges196196 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

That's one of the most mon choices.

As WebGL enables OpenGL without the need for libraries, you might also do it with just Vanilla JS but that would be harder as WebGL doens't offer much more refinement over the raw and crude OpenGL.

Apart three.js, you could also try GLGE or PhiloGL but as Three.js is the most popular I would remend to go for it if you have no specific requirement.

Looks like the demo you linked to is using a canvas library called Clay.js. Not one that I've personally heard about until now. For 3d in canvas the most popular one I know of it Three.js as you already mentioned. It has the benefit of supporting webGL as well (browser based openGL variant).

Three.js has limited documentation and some examples but outside of some books you may buy there isn't a lot of hand holding. You basically need to dive in and start coding. Here are some online resources that may help you get started (not necessarily all focused on THREE.js):

http://aerotwist./tutorials/getting-started-with-three-js/

http://learningthreejs./

http://learningwebgl./blog/

To make it easier to work with THREE.js Jérôme Etienne created a project called tQuery which you can think of kinda like jQuery. A wrapper to make it easier to get your hands dirty. Here's a video where he shows how to create a webGL game in 10 minutes.

本文标签： javascriptHow to make 3D animation with CanvasStack Overflow