http://slideshare.net/KeiNakazawa/web-pnaclasmjs-web の続きです。

GamesFilm & TVArchitectureAutomotive & TransportationBroadcast & live eventsSimulation With Unreal Engine, you can bring amazing real-time experiences to life using the world’s most advanced real-time 3D creation tool. From first projects to the most demanding challenges, our free and accessible resources and inspirational community empower everyone to realize their ambitions.
2010年12月31日金曜日 MMDModel on THREE.js THREE.jsを利用してMMDのモデルデータを表示します。 ここにモデルデータ(.pmd)とテクスチャ(.bmp .png .tga)をアップロードすると、ここで閲覧できます。 動作確認はChromium(10.0.614.0)とChromeで行いました。インスパイア元のTHREE.js demoによると、"webGL"コンテキストはChrome8/9 or Firefox4、"2d"コンテキストはChrome推奨だそうです。 お試しミクさん 追記 : ライトなし版を用意しました。 テクスチャをほとんど使わないモデルならFirefox3でも閲覧できます。こちらからどうぞ。 ソースコードは下記に一式置いてあります。 http://www.yktmt.com/threemmd/ 参考ページ 御本尊 : h
csg.js: Constructive Solid Geometry 3d Modeling in JavaScript and WebGL - Badass JavaScript JavaScriptとWebGLを使って3Dモデルを描画できる「csg.js」 簡単なコードで立体的なオブジェクトを描画できます 次のような簡単なコードで図形を描画できるみたいです(ブラウザが対応している必要あり) var cube = CSG.cube(); var sphere = CSG.sphere({ radius: 1.3 }); var polygons = cube.subtract(sphere).toPolygons(); 他にも以下のように図形が描けます 10年後のWEBはどうなっているんでしょうか。。 関連エントリ まるで魔法のようだ。2Dの図形を輝く3D画像にしてくれるPhotosh
追記:例題の頂点シェーダーで何をしているか説明を追加しました 追記:動作環境の所修正しました、IE9では動作しません。 皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。 この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneやandroid端末にも搭載されています。OpenGL ESな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く