タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

GLSLとJavaScriptに関するrokujyouhitomaのブックマーク (2)

  • 超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog

    ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな

    超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
  • 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の描画のことが分かってきた(ような気になった)。 素晴らしいテキスト、当にありがた

    WebGLでPortal Shieldとかを描く - すぎゃーんメモ
  • 1