強火で進め

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

WebGL

シンプルだけど面白い3D弾幕避けゲーム「Fastkat」、「Fastkat 2」

HTML5やJavascriptで制作された非常にシンプルな3D弾幕避けゲーム「Fastkat」と「Fastkat 2」が凄い « doope! 国内外のゲーム情報総合サイト http://doope.jp/2012/0121410.html

Firefox 10でWebGLの描画にアンチエイリアスが行われるようになった

Firefox 10でWebGLの描画にアンチエイリアスが行われるようになったそうなので試してみました。こちらのページによると Firefox 10 の主な新機能を紹介します « Mozilla Developer Street (modest) https://dev.mozilla.jp/2011/12/firefox10/ この様に記述…

WebGLでパーティクルによるモーフィング「Particles morph」

Particles morph http://oos.moxiecode.com/js_webgl/particles_morph/ 関連情報 Morphing particles | CreativeJS http://creativejs.com/2012/02/morphing-particles/

「Google Body Browser」が「Zygote Body」という名前に変わり、オープンソース化

open-3d-viewer - WebGL-based 3D object viewer with instant search - Google Project Hosting http://code.google.com/p/open-3d-viewer/ Google Body becomes Zygote Body; built on open source 3D viewer - Google Open Source Blog http://google-ope…

C/C++のプログラムをJavaScript+WebGLにコンパイルするツール「Emscripten」

Porting an OpenGL application to the web | Ehsan Akhgari http://ehsanakhgari.org/blog/2012-01-25/porting-opengl-application-web 物理演算エンジンであるBulletをコンパイルしたデモなどが公開されています。 Home - GitHub https://github.com/kripk…

ソニー・エリクソンがAndroid 4.0をWebGL対応させるソースコードを公開

ソニー・エリクソン(Sony Ericsson)がAndroid 4.0をWebGL対応させるコードGitHubにて公開しました。これでAndroidの標準ブラウザでWebGLに対応するデバイスが増えてくると良いですね。 WebGL implementation for Xperia™ phones released as open source — D…

WebGLでクロスシミュレーション「Cloth Simulation Demo」

Cloth Simulation Demo http://petros.kamibu.com/files/cloth/

WebGLによるMegaTexture(Virtual Texturing)のデモ「HTML5 Virtual Texturing Demo」

こちらで試せます。 Real-Time Visualizations of Gigapixel Texture Data Sets Using HTML5 http://schumann.elis.ugent.be/ HTML5 Virtual Texturing Demo (MegaTextures in WebGL) | HTML5 Game Development http://www.html5gamedevs.com/2012/01/19/htm…

「WebGL Aquarium」をGALAXY TabのFirefoxで動かしてみた

WebGLで作られた水族館の作品「WebGL Aquarium」をGALAXY Tab 10.1 LTE SC-01DにインストールしたFirefoxで実行してみました。結果は平均7fpsくらいでした。

WebGLを使った画期的な電子書籍リーダーが現る!!「WebGL Reader」

この発想は無かった… 映画好きはテンションが上がるリーダーに仕上がってます。 WebGL Reader http://fhtr.org/webglreader/ FHTR.ORG http://fhtr.org/

オンライン3DCGツール「ThreeFab」

いつか作る人が出て来るだろうなとは思っていましたが遂にWebGLオンライン3DCGツールを作った人が登場しました。作成したデータはHTMLファイルはJavaScriptのプログラムとしてエクスポート出来ます。 こちらで試せます。ソースコードや解説はこちら。 blackj…

万華鏡の様な映像が楽しめる作品「WebGL Attractors Trip」

Barry Martin's Hopalong Orbits Visualizer - WebGL Experiment http://iacopoapps.appspot.com/hopalongwebgl/ "WebGL Attractors Trip" by Iacopo Sassarini http://www.chromeexperiments.com/detail/webgl-attractors-trip/?f=

ブラウザでフェイシャルアニメーションを行うアプリ「Ginger」

ブラウザの3Dゲームプラットフォーム化も近い?フェイシャルアニメーションが楽しめるアプリ「Ginger」が凄い « doope! 国内外のゲーム情報総合サイト http://doope.jp/2011/0919912.html

Operaの.objファイルを表示するデモ

こちらで試せます。 関連情報 今回紹介したデモの記事。 Porting 3D graphics to the web — WebGL intro part 2 - Dev.Opera http://dev.opera.com/articles/view/porting-3d-graphics-to-the-web-webgl-intro-part-2/ 同じシリーズのPart 1の記事。 An intr…

WebGL版「Meincraft」

W/A/S/Dキーで移動、カーソルキーで視点の向きを変更出来ます。 WebGL Meincraft http://dev.pocoo.org/~mitsuhiko/webglmc/ こちらに開発時に役立ったツールなどの情報がまとめられています。 Random Notes on WebGL | Armin Ronacher's Game and Graphics …

WebGL向けのMatrixライブラリのベンチマークサイト「Matrix Benchmark」

WebGL向けのMatrix(行列計算)ライブラリのベンチマークを行えるサイトです。サイトにアクセスするとアクセスしたブラウザで、それぞれのライブラリでの動作性能が測定されます。 Matrix Benchmark http://stepheneb.github.com/webgl-matrix-benchmarks/matr…

指定の位置のストリートビューの画像360°を1つの画像に変換した作品

ユニークだし、センスの良い作品!!こちらで体験できます。WebGLを使用している様なのでWebGL対応のブラウザで閲覧して下さい。上手く動作しない場合はGoogle Mapsのピンをクリックしたりドラッグしてみて下さい。

Mozillaが公開しているWebGLのベストプライスについての記事

自分が知らない話がいくつも有りました。参考になる記事でした。 WebGL best practices - MDN https://developer.mozilla.org/en/WebGL/WebGL_best_practices

GPUを使ったライトマップの作成も可能なライブラリ「lightgl.js」

ライトマップのデモはこちらで試せます。キューブを表示するだけならHTMLも含めて、これだけの記述でプログラム可能みたいです。 <html><body> <script src="lightgl.js"></script> <script> var angle = 0; var gl = GL.create(); var mesh = GL.Mesh.cube(); var shader = new GL.Shader('\ void main() {\ gl_Po</body></html>…

WebGL製のレースゲーム「SKiD Racer」

マリオカートタイプのアイテム有りのレースゲームです。 Chrome Web Storeで配布(無料)されているのでChromeのみ対応となります。ガレージなども有り、かなり作り込まれている印象です。ガレージでは車をカスタマイズ可能です。車のペイントカラーの変更。 …

COP17に関するツイートを可視化したWebGL製のコンテンツ「ECOSPHERE」

COP17(第17回国連気候変動枠組み条約締約国会議)という気候変動に関する会議に関するツイートをWebGLで可視化したコンテンツ。ハッシュタグ #COP17 を付けてツイートされたものが可視化されています。 CNN ECOSPHERE http://cnn-ecosphere.com/

HTML5でGame作成な本「HTML5 Games: Creating Fun with HTML5, CSS3, and WebGL」

WebGLにも対応してるみたいです。目次はこんな感じ。Web WorkerやLocal Storage、WebSocketのChapterも有るのが良いですね。 Part 1 CHAPTER 1 Gaming on the Web 7 CHAPTER 2 Taking the First Steps 21 CHAPTER 3 Going Mobile 41 Part 2 CHAPTER 4 Buildi…

ちょっと他とは毛色の違うライブラリ「csg.js」の紹介

17日目の id:edvakf さんの「WebGLでライフゲーム」に続いて18日目担当のnakamura001です。今回は最近目にした csg.js というちょっと変わったWebGLのライブラリを紹介します。 csg.js http://evanw.github.com/csg.js/ このライブラリは2つの3Dモデルを合成…

WebGLでの描画にも対応しているHTML5なアクションゲーム「Emberwind」

作者はOperaでインターンをしていて現在はOperaに勤めてるErik Mollerさん。実際のゲームはこちらで体験出来ます。ソースコードもこちらで公開されています。 Emberwind http://www.timetrap.se/emberwind/ Opera News - Emberwind, a HTML5 masterpiece htt…

three.jsで都市生成(procedural city)のデモ

こちらで試せます。 Google https://plus.google.com/118075919496626375791/posts/Bbxtv56xJ1k

3DCG作品投稿サービス「3DCG Arts」

WebGL対応のブラウザでアクセスすると、その場で3DCG作品をぐりぐり回して観る事が出来る3DCG作品投稿サービスです。 [3DCG Arts] http://www.3dcg-arts.net/ こんなクオリティの高い初音ミクも公開されたました。 しかもコレ、CCライセンスで公開されてまし…

PhiloGLでのカメラの移動処理

JavaScript Advent Calendar 2011 (WebGLコース) : ATND http://atnd.org/events/21978 3日目担当のにゃまだんさんに続いてのJavaScript Advent Calendar 2011 (WebGLコース)、4日目担当のnakamura001です。自分の記事はPhiloGLというライブラリを使ってカメ…

オンラインでWebGLプログラムの編集と公開が出来るサイト「WebGL playground」

JavaScriptのためのjsdo.it、Flashの為のwonderflというサイトが有ります。そのようなソースコードの編集、共有、Forkに加え、記述したソースコードの実行が出来るオンラインサービスのWebGL版です。 WebGL playground [beta] http://webglplayground.net/

アップデートでXperiaのブラウザがWebGL対応に

AndroidのFirefoxでは既にデバイスによってはWebGLを使用出来ますがXperiaではデフォルトのブラウザでWebGLが動作する様になるみたいです。 Sony Ericsson adds WebGL support for Android web browser to Xperia handsets, news, Sony Ericsson news, Pocke…

GoogleのANGLEがOpenGL ES 2.0準拠の実装として認定される

GoogleがWindows環境のChromeでもWebGLが使える様にする為に制作したDirectXによるOpenGL ES 2.0の実装であるANGELが有ります。そのANGLEがこの度、テストを通過してOpenGL ES 2.0準拠の実装として認定されたそうです。おそらく、Khronosグループのテストを…