2016/04/22(金) [n年前の日記]
#1 [prog] three.jsを勉強中
先日まで Processing で少し実験をしていたけれど、Processing.js を使うと少々制限が出てくると分かったので、この際せっかくだから、three.js を勉強してみようかと。ちなみに three.js というのは、ブラウザ上で3DCG描画をするJavaScriptのライブラリ。という説明で合ってるのだろうか。
とりあえず、 _Releases - mrdoob/three.js から、three.js-r76.zip をDLして解凍。examples/index.html をブラウザで開くと、膨大なサンプルが閲覧できる。
ライブラリ自体は、build/ 内に three.min.js というファイルがあるので、ソレをコピーして使う。
ひとまず写経を始めたり。 _Adobe Brackets というエディタを使って、html + JavaScript を書きつつ勉強。
とりあえず、 _Releases - mrdoob/three.js から、three.js-r76.zip をDLして解凍。examples/index.html をブラウザで開くと、膨大なサンプルが閲覧できる。
ライブラリ自体は、build/ 内に three.min.js というファイルがあるので、ソレをコピーして使う。
ひとまず写経を始めたり。 _Adobe Brackets というエディタを使って、html + JavaScript を書きつつ勉強。
◎ 参考ページ。 :
_three.js wiki - トップページ
_THREE.js で WebGL | ヨモツネット
_Webグラフィックをハックする（5）：多彩な表現力のWebGLを扱いやすくする「Three.js」 (1/5) - ＠IT
_three.jsで3Dを作りたい！ - Qiita
_JavaScript 3DレンダリングエンジンのThree.jsを試す | KRAY Inc
_requestAnimationFrame でフレームと再描画更新を制御する
_Timer APIs(Date.getTime, Date.now, performance.now, setTimeout, setInterval, requestAnimationFrame, setImmediate) with Canvas Animation - Qiita
_Three.js リサイズ - Three.jsを使って、作ってみた
_Three.jsで物体に光を当てる | mwSoft
_よく利用するThree.js旧バージョンからのコード書き換え(メモ) | cityJumperWEB.com
_Three.jsでポリゴンを描画するには - non vorrei lavorare
_うだる - ずっと君のターン
_THREE.js で WebGL | ヨモツネット
_Webグラフィックをハックする（5）：多彩な表現力のWebGLを扱いやすくする「Three.js」 (1/5) - ＠IT
_three.jsで3Dを作りたい！ - Qiita
_JavaScript 3DレンダリングエンジンのThree.jsを試す | KRAY Inc
_requestAnimationFrame でフレームと再描画更新を制御する
_Timer APIs(Date.getTime, Date.now, performance.now, setTimeout, setInterval, requestAnimationFrame, setImmediate) with Canvas Animation - Qiita
_Three.js リサイズ - Three.jsを使って、作ってみた
_Three.jsで物体に光を当てる | mwSoft
_よく利用するThree.js旧バージョンからのコード書き換え(メモ) | cityJumperWEB.com
_Three.jsでポリゴンを描画するには - non vorrei lavorare
_うだる - ずっと君のターン
[ ツッコむ ]
以上です。