glMatrix 自分でスクラッチで書いた一連の行列処理は、このライブラリがなかったら存在しなかったかもしれない。 このライブラリの中身を見ながら、行列やクォータニオンについて勉強した。

Two.js もうデモを見ているだけでなんの理由もなくワクワクする。 気持ちがいい。なんか、心地よい。 不思議だ。

GLSL Transition Example 様々な画面遷移のサンプルがある。 こういうのはゲームを作る場合なんかにも応用できるインスピレーションが得られる。そういう意味で貴重だと思った。

Clara.io: Online 3D WebGL Editor for Modeling, Animation and Rendering オンラインでモデリングができるツールで、まだBETA公開のようだがかなり注目を集めている。 既にSDKやAPIも整備されている模様。これは期待。

Video Game Textures いろいろすごすごいので、とりあえず備忘録の意味も含め記事に。 あとでじっくり見てみよう。

Gamasutra: Austin Hallock's Blog - 10 of the Best HTML5 Games from 2013 昨年の記事ではございますがご紹介。 なかには明らかに商業レベルだなぁと感心させられるものも入っていますね。

Tempo. | Every Friday at WAVE Milano WebGL を使ったデモンストレーション。 画面内クリックでワイヤーフレームにもなるみたい。 こういう動きのあるコンテンツはやっぱり見た目のインパクトは非常に強いな。

regex.alf.nu これは結構有名みたいで、やったことある人も多いかもしれないけどご紹介。 ちなみに、自分は最後のほうはまったくもって解ける気がしません。ただいろんな意味で、いい刺激をくれるすばらしいコンテンツだと思います。

earth wind map サイトの説明によればスーパーコンピューターで予想した全世界の気象情報を表示できるとのこと。 たしかに、左下のメニューを表示すると細かい部分まで記載されている。すばらしいコンテンツだなと思った。リアルタイム性の高い情報と組み合…

3DCGゲームアセット WebGL | Web制作会社スカイリンク こういうふうにちゃんとモデリングしたものを、WebGL をつかって表示するだけのコンテンツってまだまだ少ない気がする。 動的な部分は少ないけども、見ていて楽しい。

GoodBoyDigital/pixi.js · GitHub リンク先は Github ですが、そこからデモサイトに多数のリンクがあります。 デモはどれも見ごたえがあるので、この pixi.js の存在は知っていましたが再度感心させられました。

Spherical Environment Mapping and Normal Mapping これはもう天才の仕業だな。 時を忘れてしまう。 問題は、低スペックのPCだとファンがふぁんふぁんするところです。

WebGL playground [beta] シェーダのリアルタイム編集ができるタイプ。 実際に自分でシェーダを書くよりも、ギャラリーを見ていてそのロジックをもみもみしているのが楽しい。

Web Audio 個人的にはあまり使ったことがない Web Audio ですが、このページにおかれているサンプルは WebGL を使って、さまざまな音の見せ方まで考えさせるもの。 将来的には、必ず使うことになるだろうし時間のあるときに目を通しておきたい。

logarithmic depth buffer 深度値を扱ううえでの既知の問題と言えば、ニアクリップ面から遠ざかれば遠ざかるほどに深度値の精度が下がっていってしまうこと。 英語に詳しくないので詳細まで読み解くことができないのだけども…… たぶん、相対的にクリップ領域…

Orbit Viewer Chrome Experiment に収録されている太陽系の衛星の軌道を閲覧できる WebGL 製ビューア。 アニメーションさせてみると、なんか宇宙に思いを馳せる気持ちに拍車がかかります。ぼんやりと眺めているのもおすすめ。

GLmol - Molecular Viewer on WebGL/Javascript これはけっこう前からちらほらと WebGL 界隈をにぎわせてきたので、知っている方も多いのでは。 こういうのが、いい意味で商業的 WebGL のお手本だと思う。エンターテイメント以外の分野でも活用できるテクノ…

Build 3D applications with the WebGL-based MontageJS 3D component どうやら Node.js が必要みたい。 動作は軽快とはいいがたい部分もありつつ、デモはしっかりしてる。取り組みの方針がいいと思う。

Holly Herndon - Chorus これは以前から知ってはいたんだけど、こんなにもたくさんの人が協力して大規模なものになっているとは知らなかった。 WebGL に興味のある人はぜひ見てほしいな。 すばらしいコンテンツだ。

Snowmen War そう、わけもわからぬまま、最初わたくしは驚くほど簡単に死にました。 何回かトライしてみたんだけど、簡単に「 YOUR DEAD 」と言われてしまうので諦めました！

JavaScript Cheat Sheet - Web Development in Brighton - Added Bytes javascript のチートシート。 こういうのって普段から使ってるというか、自分の脳内のロジックに沿っているものはすんなり出てくるけど、そういやこういう書き方もあったのよな的なのが…

12 Awesome CSS3 Features That You Can Finally Start Using 次世代 Web を担う javascript とはまた違う方向性の CSS。 こういうのを見せられると、CSS を本気で勉強したくなる。でもそれはまた今度といい聞かせ、頭の片隅に追いやった。二兎を追うものは…

JavaScript Patterns もうとにかくいろいろすごい。 かなり有名なサイトなのかな。 自分は初めて見たんだけど隅々まで読みたい。 javascript ってすごいなぁ。出会えたことを幸せにすら思うな。

9 Mind-Blowing WebGL Demos とある海外の WebGL Demo 紹介記事。 この手のヤツはたいてい見たことあるやつばかりなんだけど、珍しく見たことがないやつもあった。 どうでもいいことなんだけど、左上の人のイラストがめっちゃ同僚に似ててびびった。

HTML5で3Dを実現する本格派WebGLフレームワーク、Away3D TypeScriptの公式デモ Flash の世界のみならず、様々なところでもうとんでもないものをたくさん見せ付けてくれる ClockMaker こと池田泰延氏のブログ記事。 自分がまだ javascript すら書くことができ…

Kinematics App by Nervous System WebGL を使って、二次元の図面がその場でリアルタイムに三次元モデルとしてレンダリングされる。 パーツの形状を変えるなど、オリジナルなデザインにすることも可能。 数年後には、いろんな業界の店先で、タブレットやスマ…

How to Simulate a Fluid on GPU using WebGL | GameDev Academy こういうのは日本語のドキュメントがなかなかないので、英語はあんまりわからないんだけど非常に参考になる。 かといって簡単に実装できるもんでもないのかもしれないけども。 こういうストイ…

Game Engine Technology by Unreal なにかと話題に上ることの多い unreal 。 5年後10年後を考えていくとき、やっぱりクロスプラットフォームという概念は避けて通れない。 自分の大切なソースが、様々な人や様々な技術によって、幾重にも生まれ変わって世に…

gradient forest 英語に詳しくない私は、これをぼんやり眺めつつ、作者は世になにを伝えようとしたのだろうと考えてみたりした。

Babylon.js WebGL 界隈ではときおり耳にすることがあるBabylon.js。 個人的には使ったことがないんだけど、デモは結構気合い入っている感じ。