強火で進め

このブログではプログラム関連の記事を中心に書いてます。

WebGL

Path Tracing(パストレーシング)のサンプル

WebGL Path Tracing http://madebyevan.com/webgl-path-tracing/ 関連情報 Ray Tracey's blog: Incredible real-time GPU path tracer using WebGL http://raytracey.blogspot.com/2011/04/real-time-path-tracing-for-webgl.html

Windows版ChromeのWebGLの描画をANGLEでは無くOpenGLで行う方法

引数に --use-gl=desktop を付けて起動するとANGLEでは無くOpenGLで描画されるみたいです。 って言うか基本はANGLEで描画されるんですね。なお、WindowsにOpenGLのドライバが入って無い場合にはきちんと動作しないと思われます。

CodeflowのAdvanced WebGL

Advancedと付いているだけ有って、高度な内容を扱っていました。 Advanced WebGL - Part 1 - Codeflow http://codeflow.org/entries/2011/apr/11/advanced-webgl-part-1/ Advanced WebGL - Part 2: Sky Rendering - Codeflow http://codeflow.org/entries/20…

WebGLで画像処理「WebGL Filter」

WebGLで実装して有るため、一瞬で処理が終わります。素晴らしい!!3Dも良いですがこういうWebGLの使い方も良いですね。WebGL対応のブラウザでこちらにアクセスすると実際に試せます。ソースはこちら。 evanw/webgl-filter at - GitHub https://github.com/eva…

人体骨格標本「BioDigital Human」

BioDigital Human http://3dhumananatomy.com/ WebGLのライブラリはSceneJSを使用している様です。

「Photosynth」のビューアをWebGLで作った人が登場

複数の写真から建物など風景を3D化したものを見る事が出来るMicrosoftが作った「Photosynth」というWebアプリが有ります。 【レビュー】集めた写真で世界を創る! MSの『Photosynth』が素直にすごい…… (1) 画像から3次元空間を作り出す「Photosynth」 | ネッ…

ドット(パーティクル)で描かれたシューズ

開始までは結構時間がかかりますが開始した後は意外と動作は軽かったです。 http://dl.dropbox.com/u/7508542/three.js/particles/index.html

以前紹介したRPGがバージョンアップしてた

http://nicolas-bonnel.github.com/WARPG/index.html プレイヤーキャラも前回のガイコツから女性のキャラに変更がされています。 前回紹介した時は見落としてましたがGPL3ライセンスで提供されており、以下のページからソースコードをDL出来ます。 nicolas-b…

WebGLでアフガニスタンの一般市民の死傷者数を可視化

WebGLで2009〜2010年のアフガニスタンの一般市民の死傷者数を可視化したサイト。ライブラリは three.js が使われていました。 Civilian Casualties in Afghanistan, 2009 - 2010 http://plumegraph.org/

トロンのバイクレース

3D空間でトロンのバイクレースが遊べます。 敵のバイクの軌跡に当たらない様にしながら自分の軌跡に敵をぶつける事に成功するとゲームクリアです。 Cycleblob - A WebGL lightcycle game http://cycleblob.com/ トロン:レガシー DVD+ブルーレイ・セット [Bl…

世界のつぶやきをWebGLで作成した地球の上に描画「Globe Tweeter」

位置情報を送信する事で現在位置が地球上にマークされます。 Globe Tweeter http://mozillademos.org/demos/globetweeter/demo.html 関連情報 Firefox 4 Demos: More 3D! ✩ Mozilla Hacks – the Web developer blog http://hacks.mozilla.org/2011/03/webowo…

FirefoxやChromeでWebGLが動作しない理由

Firefoxは4からChromeは9からWebGLに対応しましたが様々な理由でWebGLのサンプルやデモが動作しない場合があります。WebGLが正しく動作しない理由で思いつくものを記載しておきます。 サンプルやデモが古い WebGLは仕様策定の途中で仕様に大きな変更が行われ…

画像ファイルをパーティクル化

「DROP AN IMAGE」の所に画像ファイルをドラッグするとパーティクルに変わります。Chromeのみ対応。 Photo Particles http://lab.aerotwist.com/webgl/photoparticles/

Firefoxでブラックリストなグラフィックボード環境一覧

Blocklisting/Blocked Graphics Drivers - MozillaWiki https://wiki.mozilla.org/Blocklisting/Blocked_Graphics_Drivers GPUの情報はFirefoxのアドレスバーに about:support を入力すると画面の最後に以下の様に表示されます。 強制的にハードウェアアクセ…

Chromeでブラックリストなグラフィックボード環境一覧

以前、紹介した様にOSやグラフィックボードの組み合わせによってはWebGLの描画が正しく処理されない場合が有ります。 Chrome 10からWindows XPでのWebGLサポートを停止 - 強火で進め http://d.hatena.ne.jp/nakamura001/20110309/1299690883 その様な環境の…

HelloEnjoyの車のデモ

以前、Untiyのデモを作成された時に紹介したHelloEnjoy(http://helloenjoy.com/)が今度はWebGLのデモを作成されたみたいです。 HelloRacer™ WebGL http://helloracer.com/webgl/ ちなみに http://helloenjoy.com/ はPapervision3Dのコア開発者、Carlos Ulloa…

Normal Mapを使った綺麗な月のデモ「moon」

A moon in webGL | White flash white hit http://whiteflashwhitehit.com/2011/02/21/a-moon-in-webgl/ こちらのページで実際に試せます。WebGL対応のブラウザで見てみて下さい。 Moon - made with three.js (webGL & GLSL) http://whiteflashwhitehit.com/…

3D地球儀のデモ「WebGL Earth」

WebGL Earth | Demo Studio | Mozilla Developer Network https://developer.mozilla.org/en-US/demos/detail/webgl-earth こちらのページで実際に試せます。WebGL対応のブラウザで見てみて下さい。 WebGL Earth - open source 3D digital globe written in …

Chrome 10からWindows XPでのWebGLサポートを停止

Twitter上でWindows XPでWebGLが動かなく成った!!ってつぶやきをいくつか見つけましたが、調べてみたところ、Chrome 10からサポートされなく成ったみたいです。正確にはChrome 10、Windows XP、Nvidia 7300 GTの組み合わせでGoogle Bodyが動作しない事が発端…

GDCで公開されたOperaで実行するWebGLデモ

Choose Opera - A Sneak Preview of Our Upcoming WebGl Demo http://my.opera.com/chooseopera/blog/2011/03/03/a-sneak-preview-of-our-upcoming-webgl-demo

WebGLでCanvas APIを実現する「WebGL-2D」

WebGLでCanvas APIのfill()など実現するライブラリ「WebGL-2D」。現在はまだ一部のメソッドしか使えないみたいですが将来が楽しみなライブラリですね。 corbanbrook/webgl-2d - GitHub https://github.com/corbanbrook/webgl-2d ざっと、ソースを見た所、現…

WebGLのベンチマーク

HTML5 Games 0.3: Seeing the Future - Facebook開発者 https://developers.facebook.com/blog/post/468 Chrome 11の結果が飛び抜けて良いですね。これはリリースが楽しみです。

迫力の有る「Akra 3D engine 」のパーティクルデモ

ポリゴン数は約300万との事。迫力有りますね。 Over 3,000,000 причин использовать WebGL и Akra 3D / Блог / The Official ODServe project Site http://blog.odserve.org/18/ 元のデータは恐らく、定番のスタンフォードのスキャンデータのDragonだと思い…

Operaも遂にWebGL対応版(プレビュー)をリリース

OperaはWebGL対応について全然情報が出てこなかったので正直、WebGLの対応はしないのかな?って思っていました。しかし、数日前に突如OperaのWebGL対応についての話が出たのを見つけました。 Opera Core Concerns - WebGL and Hardware Acceleration http://…

Firefox 4の新機能紹介

以下のページでとても分り易い解説がされていました。 Firefox 4 Beta 9 – 素晴らしい機能を満載して登場 « Mozilla Developer Street (modest) https://dev.mozilla.jp/hacksmozillaorg/firefox-4-beta-9-a-huge-pile-of-awesome/ Firefox 4では、遂にWebGL…

Sony EricssonがブラウザにWebGL搭載実験中

Xperia arcとXperia PLAY(いわゆるPSP携帯)で実験中みたいです。 WebGL support in the Android™ web browser | Developer World http://blogs.sonyericsson.com/developerworld/2011/02/24/webgl-support-in-the-android-web-browser/

Senchaが作成したWebGL向けのライブラリ「PhiloGL」

Ext JSフレームワークなどで知られるSenchaがWebGL向けのライブラリ「PhiloGL」を作成したみたいです。 PhiloGL http://www.sencha.com/blog/introducing-philogl-a-webgl-javascript-library-from-sencha-labs/ ライセンスはMITライセンス。プログラムの記…

クラゲのデモがアップデート

以前紹介したクラゲのデモがアップデートされました。 凄く綺麗なクラゲのデモ - 強火で進め http://d.hatena.ne.jp/nakamura001/20110113/1294934813 動画では描画方法の変更などが出来るパネルが表示されていますが実際のデモ画面ではこちらは表示されない…

Chromeを使っているとgetContext()に失敗する事が有る

MacでChromeを使ってWebGLを実行するとたまにWebGLの描画がされなくなる時が有ります。環境詳細は以下となります。 Mac OSX 10.6.6 Chrome(一般リリースの現在の最新版であるバージョン 9.0.597.102) 調べてみると getContext("experimental-webgl") などのg…

3Dテトリス

Tetris in WebGL http://phillihp.com/projects/creating-tetris-with-opengl-and-webgl/tetris-v1/ こちらのコメント欄にて自分もテトリス作ってるよ( http://dionyziz.kamibu.com/3d/tetris/ )って書き込みも有ります。 phillihp.com – getting noticed fo…