three.js例文辞典

このページはthree.js (バージョン r67) の用例を扱っています。three.jsはブラウザで3次元表示ができるWebGLを手軽に扱えるようにしたライブラリです。複雑な3DCGの知識がなくても3D処理を行うことができます。
更新情報はTwitter (@openspc)でアナウンスしています。

*勉強用に作成したページなので間違いや不具合の出るサンプルがあるかもしれません。致命的なもので、これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。


Last update:2014/5/28 PM 8:48

基本

  1. three.jsを読み込む

Geometries(ジオメトリ)

  1. 立方体(Cube)を生成する
  2. 円(Circle)を生成する
  3. 円弧を生成する
  4. 円柱(Cylinder)を生成する
  5. 円錐を生成する
  6. 正12面体を生成する
  7. 正8面体を生成する
  8. 平面を生成する
  9. 輪(リング)を生成する

Wireframe(ワイヤーフレーム)

  1. ワイヤーフレームで表示する

WebGLおよびthree.js関連リンク(ライブラリ/プラグイン等)

  1. three.js
  2. OpenGL ES 2.0 for the Web

WebGLに関する書籍 (日本語)

  1. WebGL+HTML5 3DCGプログラミング入門
  2. 実践プログラミングWebGL HTML & JavaScriptによる3Dグラフィックス開発
  3. WebGLによる物理シミュレーション (I・O BOOKS)

WebGLに関する書籍 (洋書)

  1. Professional WebGL Programming: Developing 3D Graphics for the Web
  2. WebGL: Up and Running (three.js本)