HTML5とjQueryでRotate｜スクロールに応じて画像を回転させる方法 – How to rotate the image by scroll | Stronghold Archive
HTML5とjQueryでRotate｜スクロールに応じて画像を回転させる方法 – How to rotate the image by scroll どうもこんにちは！今日は【HTML&jQueryでRotate スクロールに応じて画像を回転させる方法】について書きたいと思います。このところscroll連動系のサイトが多くなったのでちょっと作ってみました。個人的に直線的なパララックスサイトを作っといてなんですが回転の方が楽しいです。特定の位置で回転開始等も簡単にできていいですね。（追記：jQueryのみで画像回転を実装する方法も記事にしました。） Rotate v1 – DEMO スクロールのタイミングでキャンバスに画像に回転を付けていくバージョンです。増加のみ。fillStyle,fillRect,clearRectで残像の調整も可能です。 HTML – 共通 <div id="scr
WebRTCを使って顔コントローラーで遊ぶKinect風ゲーム「FaceKat」 - Chrome Life
Kinectは、カラダ全体をコントローラー代わりにできるXbox用のセンサーです。 開発者の中には、Kinectのセンサーを使ってプログラミングする人もいるぐらい人気のインターフェースになっています。 しかし、筆者のようにKinectを持っていない人は、手軽に試すことができません。 そこで今回ご紹介するのが、WebRTCを使って顔をコントローラー代わりにして遊ぶKinect風ゲーム「FaceKat」です。 「FaceKat」は、パソコンについているウェブカメラを利用して、その映像をブラウザのWebRTC機能を使って取り込み、顔認識で機体を操作するゲームです。 FaceKatのプレイムービー WebRTCを使ったKinect風ゲーム「FaceKat」 Chrome＋ウェブカメラで顔がコントローラーになる！ WebRTCの機能を使うには、最新のChromeを起動してURLに「chrome://
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
