Three.js

threejs.png

WebGLのコードがほぼ完全に見えないようにラップされているようなライブラリですね

<script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js"></script>

OrbitControlを加える場合
<script src="https://rawgit.com/mrdoob/three.js/master/examples/js/controls/OrbitControls.js"></script>

読めるモデルデータ

サンプル

ドキュメント

欠点

  • テクスチャが真っ黒になってしまった!などのトラブルが起こった時、何が原因で駄目なのかわかりにくい、つまりエラーメッセージが出てこない。
  • LINE_LOOPが出来ない
  • canvasrendererでないと線の太さは反映されない
  • 文字を描く機能が難しくて、コードを大量に書く必要がある。私は実現出来なかった。

改良できそうな点

  • PlaneGeometryは内部でTRIANGLESで描画されている。TRIANGLE_STRIPにしたらよりインデックス数が少なくて済んで効率的。

サポートサイト Wikidot.com