Three.js Tutorials and examples (tutorials and Examples)
The beautiful Life of the Sun Vulcan (http://blog.csdn.net/opengl_es)
This article follows "Attribution-non-commercial use-consistent" authoring public agreement
Reprint Please keep this sentence: Sun Vulcan's Beautiful Life-this blog focuses on Agile development and mobile and IoT device research: IOS, Android, HTML5, Arduino, Pcduino , Otherwise, the article from this blog refused to reprint or re-reproduced, thank you for your cooperation.
Excerpt from the following sections for translation:
Tutorials and Examples
Now the is sold on Three.js, where does you start? Here are a collection of tutorials, examples, presentations and videos to get you started.
Getting Started
- Introduction to Webgl-this are a presentation with live code examples, that'll introduce to WebGL and Three.js.
- Getting Started with Three.js–a Great tutorial that explains the basics of 3D modeling using the library. It's easy to read and beginner friendly.
- Getting Started–this is the official Getting Started tutorial. It explains the basics for getting three.js running.
- Creating particles with Three.js–another tutorial by Paul Lewis, in which he explains what to develop a cool particle sys TEM (Demo).
- WebGL academy–if wish to learn pure WebGL, without three.js, you can follow this step by step guide. Here is the write code in an editor and see a real-time preview of the result.
Examples
- Basic three.js Examples-these is beginner-friendly Examples, that is easy to follow and well-documented. Start with this page once you ' ve completed the Getting started posts.
- Three.js examples by Stemkoski–this page might look like it came out of the late 90s, but it actually quite relevant. It hosts a large collection of three.js examples with thoroughly commented source code, which cover a broad range of topic S.
- Official Three.js Examples–these Examples demonstrate every part of the library. Unfortunately the source code is lacking on comments and might being difficult to follow at times.
Videos
- WebGL techniques and performance is a hour long presentation from Google I/O in which a lot of topics are covered.
- WebGL 101 is a very good instructional video to beginners, also focused on WebGL.
- Introduction to Three.js are a minute presentation for beginners who wish to learn about Three.js.
More Resources
- The official Three.js reference-you should bookmark this and has it opened in a tab at all times.
- The official Wiki–contains a FAQ section and links to various articles and other resources so you might find useful.
- Learning Three.js–this is a blog dedicated to publishing Three.js tutorials. Each post explains what to make one of the popular demos so you see throughout the Web.
- Three.js Editor–this is a code Editor for three.js with live preview. You can use it to quickly try out things with the library. You can share your experiments with others and save your progress.
- Alternative Documentation–this is a autogenerated index of all the methods in the library.
- Google + Page-here You can find fresh news and links about the library.
- So questions, tagged with three.js. Reading through the most popular questions and answers now would save you time and headaches later on.
- WebGL Subreddit–this is isn't focused only on three.js, and is worth browsing nonetheless.