首页 > 代码库 > Three.js 教程和示例(Tutorials and Examples)

Three.js 教程和示例(Tutorials and Examples)

Three.js 教程和示例(Tutorials and Examples)

太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)

本文遵循“署名-非商业用途-保持一致”创作公用协议

转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino否则,出自本博客的文章拒绝转载或再转载,谢谢合作。



摘录以下部分进行翻译:

Tutorials and Examples

Now that you are sold on Three.js, where do you start? Here is a collection of tutorials, examples, presentations and videos to get you started.

Getting Started

  • Introduction to WebGL - this is a presentation with live code examples that will introduce you to WebGL and Three.js.
  • Getting Started With Three.js – a great tutorial that explains the basics of 3D modeling using the library. It is 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 how to develop a cool particle system (demo).
  • WebGL Academy – if you wish to learn pure WebGL, without Three.js, you can follow this step by step guide. Here you write code in an editor and see a real-time preview of the result.

Examples

  • Basic Three.js Examples - These are beginner-friendly examples, that are 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 topics.
  • Official Three.js Examples – These examples demonstrate every part of the library. Unfortunately the source code is lacking on comments and might be 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 for beginners, also focused on WebGL.
  • Introduction to Three.js is a 36 minute presentation for beginners who wish to learn about Three.js.

More Resources

  • The official Three.js reference - you should bookmark this and have it opened in a tab at all times.
  • The official wiki – contains a FAQ section and links to various articles and other resources that you might find useful.
  • Learning Three.js – this is a blog dedicated to publishing Three.js tutorials. Each post explains how to make one of the popular demos that 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 an 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 will save you time and headaches later on.
  • WebGL Subreddit – this is not focused only on three.js, but is worth browsing nonetheless.