2014-06-01から1ヶ月間の記事一覧
Confessions 今まで見た中では、個人的にいちばん美しいと感じたサウンドビジュアライザ。 見ているだけで癒される不思議。
Mapzen Vector map 動的に地図を 3D で生成する。 この手のデモは以前にもいくつか見たことがあるけど、読み込みは比較的早い印象。 リアルタイムにデータを取得しているみたい。
gorescript 以前にも紹介したことがある……ような気がするんだけども、少なくともかなりパワーアップしている印象だったのでご紹介。 動画を見ていると上手に操作すればこんなふうになるんだなというのもわかる。個人的にはこの手のゲームは苦手ですw
Evolving butterflies ゲーム開始早々、あなたはおなかのすいた鳥です! と言われ蝶を食うことを強制されるというなんとも言えない素敵なルール。 ゲームとしてはボリュームはないけれど、飛び回る蝶は、それぞれ羽の模様が違っていたりする。
Potree | WebGL pointcloud renderer あまり詳しくはないんだけど、いわゆる点群と呼ばれるデータ形式の三次元データを WebGL でレンダリングするプロジェクト。 レーザーでスキャンして点としてデータをサンプリングするらしい。
Animate your HTML5 CSS をはじめ、もちろん WebGL も登場します。 スライドのなかには実際に紹介されている技術を使ったデモが埋め込まれており、見た目的にも、また動作確認用にも非常に有用。 すばらしいなあ。
Brazil | ESPN FC World Cup Essentials これはなかなか見ごたえもある。 なにより、センスがいい!
Dev.Opera — Practical application and usage of the W3C Device Orientation API ジャイロセンサー、加速度センサーなど、モバイルで主に利用される Device Orientation API について解説されたテキスト。 W3C のページにもそれなりに解説が載っているがこ…
Show off your WebGL Widget Contest ソースコードのサイズや実行される canvas の大きさなどに制限があるのは、実際に Khronos のウェブサイトに置かれるウィジェットになるからのようです。 応募してみようかな……
HTML5ゲームのできるまで~起動の高速化~ — Mobage Developers Blog WebGL はブラウザ上で実行されるので、ここで紹介されている内容が非常に参考になる。 こういう技術についても、もっと自分自身勉強する必要があるなあと思った。
WebGL Anti Patterns « games.greggman.com それほどボリュームのある記事ではないけれど、たしかにそうだなあと思わされる部分もいくつかあったりして参考になった。
Chrome Experiments - "3D Pop Up Card" by Caa1211 非常に秀逸なのは、動的にデザインを行えるような設計になっているところ。 データのロードやセーブに対応しており、自分だけのオリジナルなポップアップカードを作成できる。
kyberia sound system - webgl banner on Vimeo 上記リンク先は動画のページだけど、ページ内に実際に動作するデモへのリンクがある。 ソースを見ると、カスタム頂点シェーダを利用して動的にノイズを生成しつつ、モデル座標をいじっているみたい。 Three.js…
2D Pixel Perfect Shadows · mattdesl/lwjgl-basics Wiki · GitHub ポストエフェクトのお勉強にもなって、すばらしい。 英語がわからなくても、コードが掲載されているので活用のしがいがありますね。
Toho like shooting with JavaScript 個人的にはリプレイの機能がついているのがすばらしいなと思います。
tokyo demo fest 2014 webgl @kioku_systemk さんが作った Tokyo Demo Fest 2014 Invitation の WebGL 版。 もういろいろすごすぎて何も言えない感じになりますね。こういうものが作れるようになりたい……ほんとに。 実行にはそれなりにハイパワーを求められ…
slider 001 はい、手前味噌で大変恐縮ですが、一応シェアの意味でここにもリンクを張っておきます。 wgld.org にもテキストを今後増やしていく予定ですが、導入として、ray marching がどんなものなのかを知るにはちょうどいいかなと思います。
Flashback 2014 - Cydonia 非常に見ごたえのあるデモ。 たぶん、Three.js を使ってるのかな? にしても素晴らしいできばえ。
www.wab.com 一昔前のデモを、ブラウザ上で実行できるように canvas に移植している。 音が流れるのでちょっとだけ注意。
shikihuiku | - 色不異空 – Real-time rendering topics in Japanese. 珍しく日本語のページを紹介してみるシリーズ。 @shikifuiku さんのブログ。 OpenGL 系全般にかかわる一つ踏み込んだ深い話が聞ける。すごい。
WarGame いわゆる三すくみで互いに力関係を持っている兵士たちが、球体上で戦うデモンストレーション。 クリックで兵士を増やすことができ、倒れた兵士の姿がなんとも哀愁を誘う一品。
Everyday Pieces :: もしかしたら知っている人も多いのかな。 three.js を使った実験的試みは、既にひとつのデモとしてもかなり完成度の高いものになっていて、初心者にはかなり参考になることが多いと思われます。 日本語の解説記事はけして多くないので、…
Safari WebGL とりたてて面白いことも何もないのですけど、見た目はすごくキレイでやっぱり WebGL いいなあと再認識したのでご紹介。
World Cup Town | globoesporte.com 非常によくできていて、見ているだけでも楽しい。 サッカーはあまり見ないのだけれど、世界のサッカー事情に詳しい方はより楽しめるのでは。
Car Github にソース も公開されているカーデモ。 jsdo.it で似たようなのを見たような気がするけど……どちらが元なんだろ。sea3d を使っているのかな。
gorescript あいにくと、FPS のたぐいは非常に苦手でしてまったく前に進めませんw でもよくできているように……見えます。
HTML5test - How well does your browser support HTML5? 一応、現時点でこれを見る限りは WebGL も有効になっているようですね。
//game dev log of martins upitis 直接 WebGL を扱っているわけではないものの、有益な GLSL コードなどの情報が非常に多いのでご紹介。 GLSL のコードさえあればある程度移植が簡単なのは WebGL の嬉しい特徴。
海外サイトPC Gamerが選ぶフリーゲームのベスト100 Flash ゲームなんかも混じっているけど、意外と知らないのがたくさんあったのでご紹介しておきます。 WebGL ゲームももっと増えるといいですね。