超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな
WebGLでPortal Shieldとかを描く - すぎゃーんメモ
唐突にWebGLを勉強してみようと思って、練習として作ってみた。 http://sugyan-static.herokuapp.com/webgl/portalkey.html http://sugyan-static.herokuapp.com/webgl/portalshield.html (※WebGL対応ブラウザでご覧ください) WebGLについて全然知識が無かったので、このへんを読んで勉強した。 WebGL 開発支援サイト wgld.org CodeGrid 生WebGL入門:初音ミクの美麗3Dモデルを表示する(前編) » nmi.jp 特に wgld.org は基礎から始まり詳しく解説しつつ徐々に色んな要素を盛り込んでいて、分かりやすいし楽しい。ひたすら写経しつつ読み進めることで、なんとなく3Dの描画のことが分かってきた(ような気になった)。 素晴らしいテキスト、本当にありがた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebGL Portal Shield
