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」でググった記事にサンプルがあった。



パクった

[demo]



よし分かった！

（分かってない）



表示する物体を変えたい

three.js editor


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


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



    とりあえずこれを

    表示したい！


    みんなだいすき

     Stackoverflow




    よし分かった！



    パクった

    [demo]



    あれ？



    できた

    [demo]



    Click Eventぐらいは使いたい



    ぐぐった

    [how to click threejs object]



    オススメ

    [detecting click event in THREE.js]



    よし分かった



    パクった

    [demo]



    あれ？



    THREE.Vector3.subSelf が

    なくなったっぽい



    サンプルがあった




    パクった

    [demo]



    わーい



    時間切れ

    まとめ


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

    次の課題


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

    ハマったとこ


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



    以上.

    Made with Slides.com