WebGL 開発支援サイト wgld.org
次なる Web を見据えて 来たるべき WebGL2 の時代へ 2011 年、最初のバージョンである 1.0 が勧告された WebGL は、ウェブブラウザ上で OpenGL ES に相当するグラフィックス API の機能を利用することができる JavaScript の API です。 そして 2016 年、WebGL の正当な後継バージョンとなる WebGL2 (もしくは WebGL 2.0) がいよいよ本格的に利用できる段階になりつつあります。 当サイトでは、2012 年の開設以来、WebGL 1.0 系の API を用いるための技術解説を掲載してきました。そして今後は、時代の変遷に合わせて WebGL 2.0 系の解説記事も公開していく方針です。 WebGL 2.0 が登場するとは言っても、後方互換を保つという意味もあって 意図的に有効化 しない限りは WebGL 1.0 相当の AP
HTML要素の上にWebGLの描画を合成したらどうなるの - 最速チュパカブラ研究会
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。（描画結果にアンチエイリアスがかかっている場
YouTube - Kinectでなりきりウルトラセブン！
(English version is available at http://www.youtube.com/watch?v=RUG-Uvq-J-w) 知力・体力・CPUパワーの無駄遣いを極めるべく、Kinectのモーションキャプチャを活用したウルトラセブンを体験できるプログラムを作りました。PCの中でウルトラセブンのようなものに変身してなんかいろいろできます。アルゴリズム行進に続き、たぶん世界初でしょう。開発期間は一週間、初めてのOpenGLプログラミングがKinect自体を扱うよりも大変でした。最新の進化した版の動画が http://www.youtube.com/watch?v=kxvn98lqr5Y にあるのでそちらもどうぞ。コードは http://code.google.com/p/kinect-ultra/ に公開してあります。
Kinectでウルトラセブンに変身、アイスラッガーも見事に再現
Xbox 360の追加デバイス「Kinect」はこれまでの体感型ゲーム機をさらに進化させ、一切のコントローラーなどはなく人間の動きを感知して操作できるというシステム。Xbox 360で対応のゲームがどんどん登場してきています。 そんな中で、Kinectをハックして色々できないかと試行錯誤する人があちこちにいるのですが、その中に、ウルトラセブンに変身できるプログラムを作った人がいます。もちろん、あのアイスラッガーもばっちり再現。外観だけではなく、実際に投げることもできます。 ただ変身ポーズを取るだけではなく、本当にウルトラセブンに変身している動画は以下から。 YouTube - Kinectでなりきりウルトラセブン！ まず、Kinectに自分を認識させるためのキャリブレーションを行います。 キャリブレーションに成功するとじわじわと変身します。コレがいい感じ。 ポーズを取ると技を出すことができ
OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog
追記：例題の頂点シェーダーで何をしているか説明を追加しました 追記：動作環境の所修正しました、IE9では動作しません。 皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。 この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneやandroid端末にも搭載されています。OpenGL ESな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Sites: Sign-in
Demo: WebGL Photo Album
