THREE.OBJLoader

@neotag

2013/11/10

THREE.OBJLoader

@neotag


2013/11/10

初学者が3時間 Three.js をいじった

@neotag


2013/11/10

事前知識


  1. 一般人レベルしか3Dを理解していない
  2. Three.js 初めて
  3. Mr.doob が作った、Yomotsu さんが詳しい



無理ゲー



基礎知識よりも

使ってる感(謎)を優先

地球を回す


「three.js webgl」でググった記事にサンプルがあった。



パクった



よし分かった!

(分かってない)



表示する物体を変えたい

three.js editor


http://mrdoob.github.io/three.js/editor/


  • ブラウザ上で three.js をいじれる
  • OBJ ファイルとか export できる



    とりあえずこれを

    表示したい!


    みんなだいすき

     Stackoverflow




    よし分かった!



    パクった



    あれ?



    できた



    Click Eventぐらいは使いたい



    ぐぐった



    オススメ



    よし分かった



    パクった



    あれ?



    THREE.Vector3.subSelf 

    なくなったっぽい



    サンプルがあった




    パクった



    わーい



    時間切れ

    まとめ


    • Mr.doob と @yomotsu すごい
    • Three.js すごい

    次の課題


    • three.js editor で export できるもの全般を
      読み込んでみる
    • Mesh を変形させたりしてみる(ポリゴン?)

    ハマったとこ


    • 基本的な単語がわからないとつらい
      • Mesh とか分かってなくてググる
        のがつらかった
    • バージョン依存が激しい
      • 概念を理解してから最新のコードを
        見るのが良い



    以上.

    THREE.OBJLoader

    By はらだ なおたか