HTML5とJSで3D表現に挑戦！ WebGL対応の本格派フレームワークAway3Dを使ったパーティクルデモ | ClockMaker Blog
HTML5とJSで3D表現に挑戦！ WebGL対応の本格派フレームワークAway3Dを使ったパーティクルデモ 先日の記事で紹介したWebGLに対応した3Dライブラリ「Away3D TypeScript」ですが、HTMLとJavaScriptで3Dのパーティクル表現を作成してみました。これらのデモのJavaScriptはTypeScriptで作成しました。 デモは以下から試せますので、ぜひWebGL対応のブラウザ(Chrome, Firefox, IE11)を使ってご覧下さい。 ちなみにこれらのデモはもともとFlashで作っていたものを移植したものとなります。正直、Flashで実現できてもHTMLでこういった表現は難しいと思っていたのですが、Away3D TypeScriptが高機能なおかげで実装することができました。 Away3D デモ1 Demo (WebGL対応のブラウザでご覧ください
Webカムを使って頭を認識し、オブジェクトを動かす·headtrackr MOONGIFT
headtrackrはWebカメラの映像からリアルタイムに顔認識を行うJavaScriptライブラリです。 Webカメラは動画チャットで使われることが多かったですが、最近ではもっと違う分野への利用も試みられています。その一つとして今回は顔認証技術を使ったheadtrackrを紹介します。 Webカメラへのアクセスが必要です。 フェイストラッキングはこのように顔を傾けても追従してきます。 デモ1。顔を動かすとサークルがダイナミックに移動します。 こちらはゲームのデモです。顔で操作するゲームというのはなかなか斬新。 ボールを避けて飛びます。 こちらは別なデモ。顔を傾けると3D空間を移動できます。 headtrackrはWebカムの映像をリアルタイムに解析し、顔を認識します。そしてその動きに合わせて別なオブジェクトを動かします。顔で操作するという感覚はとても面白いです。 headtrackrはJ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
