超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
ブラウザでWebGLが使えるようになって3DCGプログラミングはずいぶん身近なものになりました。と書いてるそばから違和感を感じるくらい生のWebGLをJavaScriptで書くのは敷居が高かったりします。できなくはないけど前提となる知識がかなり必要な感じ。 three.jsが登場したときは、これで普通に3DCGができるということで一気にひろまりました。とはいえ、それでもまだやることは多く、画面に四角い箱を表示する場合以下のようなプログラムを書くことになります。 ・シーンを作成 ・ライトを作成、位置と向きを設定、シーンに追加 ・カメラを作成、位置と向きを設定、シーンに追加 ・マテリアルを作成、色を指定 ・BoxGeometryを作成、サイズを指定 ・メッシュを作成、位置と向きを設定、シーンに追加 ・レンダラーを作成 ・レンダリングループ処理 これらのひとつでも間違えたりパラメーターが適切でな
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
JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
Tilt: Visualize your Web page in 3D – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Buzu This is a really cool tool. July 20th, 2011 at 08:28 Jeff Hammel The .xpi link doesn’t auto-install for me. Plz fix July 20th, 2011 at 09:51 Joss Crowcroft Holy
yktmt blog: MMDModel on THREE.js
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
FirefoxのWebGLのサンプルが公開されたので動かしてみた - 強火で進め
(11/03/22 追記) WebGLのサンプルをお探しの方はこちら。 (10/02/25 追記) WebGLの関数名などの変更によりブラウザのバージョンによっては動作しない可能性があります。 WebGLのサンプルが動作しなくなった - 強火で進め http://d.hatena.ne.jp/nakamura001/20100224/1267028558 前回のエントリーでFirefoxにWebGLが実装されたと紹介したのですが前回は残念ながら動作しませんでした。 Firefox Nightly BuildsでFirefoxにもWebGLが実装された？ - 強火で進め http://d.hatena.ne.jp/nakamura001/20090920/1253417113 今回、こちらでサンプルが公開されたので早速試してみました。 WebGL Samples/Demos and othe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://dl.dropbox.com/u/6213850/WebGL/nyanCat/nyan.html