超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな
Three.js を拡張して簡単にボクセル風なレンダリングができるようになる PixelBox - WebGL 総本山
独特な雰囲気が面白いボクセル風レンダリング 今回ご紹介するのは、three.js に組み込んで利用することを前提に作られたライブラリである PixelBox です。 Example を見ると実際に動いている様子も確認できます。 なかなか面白い独特な雰囲気になっていますので、表現方法のひとつとして参考にしてみてはいかがでしょうか。 あくまでもボクセル風味 three.js をベースに、それと組み合わせて使うことを前提にしている今回の PixelBox ですが、レンダリング結果はあまり見かけない独特な雰囲気を放っています。 まるでドットを打ったかのように、四角い点として 3D モデルがレンダリングされます。 その様子はまるでさながら昔ながらのドットで表現されたゲームのよう。 きちんと影なども出ていますね。 よくサンプルを見てみればわかることですが、この PixelBox はあくまでも「ボクセル
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
WebGL playground
info Thank you! If you leave your email address in the author or the info box I will be able to contact you back. You can request that your email address should not appear in the description. I promise to review all submissions. And in the case a submission is accepted the author will be credited properly. Note that alternatively you can send your submission (or any queries) to @info type your pro
tQuery API - extensions for three.js
tQuery API : three.js + jQuery Three.js Power + jQuery API Usability tQuery API is a thin library on top of three.js It is an extension system for people to write plugins. To help them share their code and build on top of each other. It mimics jquery api, well know for its usuability. tQuery API aims for "it should not be harder than playing with lego bricks." Download Boilerplate Try it Online Po
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Buy Instagram Likes - 100% Real & Instant | Just $1.49
