2DゲームエンジンPhaserの描画をthree.jsで3Dにする - ABAの日誌
小さなJavaScriptライブラリをガッチャンコしてゲームエンジンっぽいことをさせるのは可能なのかの微妙に続き。2DのHTML5ゲームライブラリPhaserを使うけど、描画は3Dライブラリのthree.jsを使いたい、みたいな組み合わせは、ちょっと工夫すればできることはできる。試しに作ってみた。 phaser_p2_threejs three.jsを初期化する時に、Phaserの画面サイズと同じサイズのthree.jsのrendererを作ってそのターゲットのcanvasからPIXIのtextureを作り、それをスプライトとして貼れば良い。 renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(ga
Spring
Spring - WebGL(html5) It's so lovely when it arrives... But you always forget about those damn fly's and shit! Tried to do some fake lightning with lightshafts and stuff to set the mood. Probably quite heavy and not very mobile-friendly. Done using three.js. Note. You need a modern browser that supports WebGL for this to run the way it is intended. For example. Google Chrome 9+ or Firefox 4+. (If
The Dilla Dimension
Sorry, but The Dilla Dimension uses the latest in-browser 3D Technology and does not currently function on every configuration. Either your browser is out-dated or your computer's graphics card doesn't support WebGL. Please be sure you're using an up-to-date version of a modern browser such as Chrome or Firefox. In the meantime, you can check out the trailer above. Move your mouse to explore Turn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wagner - Minefield!
GitHub - kirilledelman/pixelbox: THREE.js extension for rendering point cloud sprites
Spheres
Infinitely zooming floral and geometric patterns
http://projects.delimited.io/experiments/d3-threejs/
http://www.delimited.io/blog/2014/3/14/d3js-threejs-and-css-3d-transforms