[B! webgl] depdepのブックマーク

depdep id:depdep

webglに関するdepdepのブックマーク (2)

WebGL対応のライブラリThree.jsを爆速にする方法 | ClockMaker Blog
前回のWebGL(Three.js)とStage3D(Away3D)の比較ですが、Mr.doobさんを始め国内外の多くの方からご指摘頂きWebGL(Three.js)版を最適化したところ、最終的にはFlash(Away3D)版と同じぐらいのパフォーマンスになりました。当初、最適化・検証不足で間違った情報を掲載してしまい申し訳ありませんでした。さて、そのWebGL(Three.js)版を最適化した手法が有意義だったのでシェアしたいと思います。デモの紹介まずはこちらの2つのデモの再生を比較してみてください。WebGL対応のブラウザ(例：Google Chrome)でご覧ください。 ▼最適化前 ▼最適化後どうでしょう？圧倒的に後者のほうが滑らかに再生できているのではないかと思います。後者のほうは配置している3Dのオブジェクト数が10倍近く多いにもかかわらずです。 ※ちなみにFlash
depdep 2013/02/07
three.js

webgl

3D

javascript

高速化
リンク
JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。「ちょっとのプログラムで3Dができる。」この面白さを皆さんに届けたいです。目次立方体を表示する光をあてるテスクチャを貼り付けるマウスで回転させるマウスで移動させるクリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
depdep 2012/10/22
three.js

javascript

html5

3D

canvas

webgl
リンク
1