WebGL
Firefox 4 for Mobile: Demos! ✩ Mozilla Hacks – the Web developer blog http://hacks.mozilla.org/2011/03/webowonder-mobile/ 上記のページを見て、WebGLはどうだろうと思ってFirefox for Mobile4.0b1で試したら動いた。・・・ただし、なぜか逆さま。ま…
Kinect(キネクト)勉強会 Vol.1で発表した物です。以前Kinectを使ってブラウザのWebGL内を動いてみた - 最高のコンピューティング環境とは?にて、Kinectとブラウザをnode.jsで繋げたので、それを少し発展させて、ゲーム(?)を作ってみました。 HMD(VR920)使っ…
HMDのVR920には加速度センサーがついているので、それを使うと、顔をどこに向けているのか分かります。 その情報を、node.jsのアプリを経由してWebSocketに送ると、顔の向きでWebGL内の視点の方向を動かして、WebGL内を見渡せます。 不完全な部分が多いので…
この作品は「第0回 HTML5プログラミング&クリエイティブ・コンテスト」へ応募した作品です。 WebSocketの普及により、ブラウザの載っている端末は、他のブラウザで表示している物の、リアルタイムなコントローラーとして利用できるようになることを実感でき…
せっかくWebGLで3D内を移動できるのだから、視点も、平面的なマウスじゃなくて、何かの角度や顔の位置・角度に合わせて動かしたいということで検討用に整理。 案 1. flash + webカメラ + javascriptライブラリ + canvasでの顔認識 顔の位置認識: 可能 顔の角…
仕組みはほとんどKinectを使ってブラウザのWebGL内を動いてみた - 最高のコンピューティング環境とは?と同じ。 デモムービー ムービーではChrome10のWebGLでWiiリモコン入力の棒を動かしています。ちょっと入力を省きすぎたのかカクカクしてます。Firefox4 …
1. 赤青メガネの作成 色付きセロハンを使って作る。色付きセロハンが近くの文房具屋になかったので、Amazonで購入。教育セロファン15出版社/メーカー: トーヨーメディア: オフィス用品購入: 3人 クリック: 87回この商品を含むブログ (1件) を見るiZ3Dのデフ…
Kinectを買ったので、最近熱いWebGLの入力として使ってみた。 遊び・デモ用で汎用的には作ってない。 デモムービー ムービーではChrome10のWebGLでKinect入力の棒人間が動いてます。Firefox4 / Safari5とかでも動きます。 Firefox3でも動かなくはないですが…
知らないことが多い分野のメモなので、間違いが多数あるかも。 方式 入力方式 インターリーブ方式 youtube 3dの"Interleaved rows, columns or checkerboard"に相当。縦or横orチェックの1pxごとに入れ替え。 サイドバイサイド方式 youtube 3dの"Side by side…
加速度センサーはwiiリモコンなどについているけど、wiiリモコンをPCのブラウザと繋げるのは、利用者側の準備が大きすぎる。 AndroidやiPhoneを簡単に加速度センサー付きのコントローラーとして利用できるなら、結構手軽に加速度コントローラーを利用したゲ…
とりあえず試作として下記で作った奴を3D化してみた。上下移動がないしアクションが地味なのでWebGLのデモに向かないけど。 http://d.hatena.ne.jp/ndruger/20101123/1290493871 デモ http://syspri.org/test/websocket_tile_3d/client/src/websocket_tile_3…