|
|---|
iOS 5のSafariでは、コンパスの値をリアルタイムで取得する機能と、JavaScriptで並列処理を実行できる「Web Workers」が追加されました。連載第80回（関連記事）では、コンパス機能を使ってPhoneGapアプリを作成しましたが、今回はもう1つの新機能であるWeb Workersを使って、カメラで撮影した画像にエフェクトを加えるアプリを作ってみましょう。
カメラからはCapture APIを使って画像を取り込みます。Capture APIについては連載第74回の「Capture APIでiPhone用ビデオレコーダーを作ろう」を参照してください。
- 第74回 Capture APIでiPhone用ビデオレコーダーを作ろう
- http://ascii.jp/elem/000/000/643/643812/
Web Workersについては連載第42回、第43回も参照してください。
- 第42回 JavaScriptで並列処理ができる「Web Workers」
- http://ascii.jp/elem/000/000/560/560326/
- 第43回 Web WorkersでPhotoshop風ヒストグラムを作ろう
- http://ascii.jp/elem/000/000/561/561464/
Canvasの画像処理については以下の記事を参照してください。一部説明が古くなっている点もありますが、ピクセル処理の基本的な考え方や利用するメソッドは変わっていません。
- 第14回 HTML5のcanvasで作る画像フィルター
- http://ascii.jp/elem/000/000/465/465675/
ソーシャルリアクション
この連載の記事
- 第86回 Android 4の新機能でカメラWebアプリ作ってみた
- 第85回 Googleとの比較で学ぶYahoo!マップAPIの使い方
- 第84回 Googleマップ有料化でYahoo! APIを使ってみた
- 第83回 Navigation Timing APIでサイトパフォーマンスを調査
- 第81回 iBooks AuthorでHTML5の電子書籍作ってみた
- 第80回 iOS 5の新機能で作る「パノラマビュー」アプリ
- 第79回 CanvasとPhoneGapで作るiPhone用落書きアプリ
- 第78回 PhoneGapでiPhoneのコンパスアプリを再現
- 第77回 もうFlashは要らない!?スマホ用CSS3アニメを作ろう
- 第76回 iPhoneでも動くアニメが作れるSencha Animatorの使い方
- この連載の一覧へ
