連載インデックスへ
次世代のインプットを考えよう
──マウスとキーボードを超えたフィジカルコンピューティング(1)


iPhoneをリモコンにしてみる


浦野大輔(うらのだいすけ)
サイバーエージェント新規開発局所属
2009/1/9

iPhoneのアプリケーションをインストール

- PR -

 iPhoneをリモコンにするためのアプリケーション、OSCemoteをインストールしましょう。OSCemoteは、GUIの自由なレイアウト機能とOSCによるデータ送信機能を持った、リモコンアプリケーションです。

OSCemote   http://lux.vu/blog/oscemote/

 GUIは、標準のボタン系、スライダー系、マルチタッチ系のレイアウト(パネル)が用意されているほか、Webパネルと呼ばれるHTML、CSS、JavaScriptベースのパネルをオリジナルで作成できます。

OSCemoteのスライダーパネル

 OSCとは、アプリケーション間をUDP/IP通信でコミュニケーションするためのデータ通信プロトコルです。

 多くのソフトウエア(Flash、 Processing、Max/MSPなど)やプログラミング言語(Objective-C、Java、 PHPなど)に実装されており、メディア系のアプリケーション間通信では事実上の標準プロトコルになりつつあります。

opensoundcontrol.org

 
 iTunesが起動して、App Storeの各アプリ紹介ページが表示されます。 原稿執筆時はOSCemoteはApp Storeで有料の600円となっています。

 ほかのOSC対応のリモコンアプリケーションと比較すると高価ですが、OSCemoteは、マルチタッチイベントの扱いやすさと、GUIのカスタマイズ性の高さが特徴です。以下に、そのほかの主なリモコンアプリケーションを紹介します。

・Mrmr OSC controller

 ボタン、スライダー、タッチパネルなどのGUIが用意されている。加速度センサも使用できる。パッチ方式の記法でGUIをカスタマイズできる。無料。

 
   iTunesが起動して、App Storeの各アプリ紹介ページが表示されます。

・TouchOSC

 ボタン、スライダー、タッチパネルを組み合わせた5つのレイアウトが用意されている。加速度センサも使用できる。GUIのカスタマイズは不可。450円。

 
 iTunesが起動して、App Storeの各アプリ紹介ページが表示されます。

・SonicLife

 TouchOSCと同じ作者のアプリケーション。タッチパネルGUI。ライフゲームなどのビジュアルエフェクトを搭載。無料。

 
 iTunesが起動して、App Storeの各アプリ紹介ページが表示されます。

OSCemoteを使う

 iPhoneはWi-Fiに接続済みですか?それでは、実際にOSCemoteを使ってみましょう。

 OSCemoteを起動して、フッタのMoreパネルからSettingsの項目を選択してください。

 OSCメッセージの送信先に、PCのホスト名と、通信のポート番号を指定します。

 今回はポート番号に3333を指定しましょう。

 以下のスクリーンショットのように、緑色で「Connected」の文字が確認できれば、設定完了です。

OSCemoteの設定パネル
OSCemoteの設定パネル

 フッタのMulti-Touchパネルを開いて、指をタッチして動かしてみてください。

 指のそれぞれ位置が青い円で認識され、さらに円の上に位置座標を示す数字を確認できると思います。

 このMulti-Touchパネルでは、指を同時に5本まで認識し、各指の識別IDと位置座標をOSCメッセージとして送信できます。

 このサンプルでは、このMulti-Touchパネルを使い、各指の情報をFlashで受信するところまでを紹介します。

OSCemoteのマルチタッチパネル
OSCemoteのマルチタッチパネル

サンプルファイルのダウンロード

 サンプルのプロジェクトファイルをこちらからダウンロードしてください。

 このファイルには、サンプルのflaファイルとasファイルのほか、OSCemoteをFlashで使うためのライブラリ、iphoneasとOSCをFlashで使うためのアプリケーション、floscが含まれています。

サンプルプロジェクトの内容(sampleフォルダの中)

  • MultitouchSample.fla(サンプルのfla)
  • src\MultitouchSample.as(サンプルのドキュメントクラス)
  • libs\(iphoneas)
  • server\ (flosc)
2/4

 INDEX
次世代のインプットを考えよう
──マウスとキーボードを超えたフィジカルコンピューティング(1)

iPhoneをリモコンにしてみる
  Page1
フィジカルコンピューティングとは?
AIR SANPOとは?
AIR SANPOでやりたかったこと
iPhoneでできること
iPhoneとFlashの連携チュートリアル
iPhoneのネットワーク設定
Page2
iPhoneのアプリケーションをインストール
OSCemoteを使う
サンプルファイルのダウンロード
  Page3
iphoneas
flosc
動作確認
ソースコードの解説
マルチタッチペイント
  Page4
ソースコードの解説
iphoneas AS3 APIについて
まとめ

【関連記事】

iPhoneアプリ情報を集めた「ITmedia App Town」を開設しました
ITmedia +D Mobile内に、iPhoneアプリの情報を集約するサイト「ITmedia App Town」を開設した。今後はiPhoneアプリの新作情報やレビュー記事などをこのページに集約していく。請うご期待。
App Store登録もOK! JavaScriptで作るiPhoneアプリ
これ、俺ならこう使う(5)
 HTML+JavaScriptでiPhoneアプリをWebアプリ的に開発しつつ、App Storeで販売できてしまう一挙両得のハイブリッド手法でCoCoTwitter作りました
リッチクライアント & 帳票」フォーラム 2008/11/28
Chumby開発者が語る誕生秘話とビジネスモデル
D89クリップ(2) かわいらしいルックスとハッキングのしやすさが注目を集める「Chumby」。Chumbyの生みの親が、ガジェットに対してユーザーが受け身でいられる自由を語る
テレビでYahoo!―デバイスが変わればUIデザインも
WebとUIをつなぐトリックスター(2) 制作の要となるエンジニアとデザイナのチームワークのツボを探る連載。今回はヤフーのテレビ向けサービスのデザイン担当に話を聞いた
Flashの基礎を無料で習得! ActionScript入門
ActionScriptを知っていますか? Flash技術の要となる言語で無料で簡単にFlashアプリケーションを作れます。そのActionScriptについて初心者のために一から丁寧に解説していきます

[an error occurred while processing this directive]

 Smart&Social フォーラム トップページへ



Smart & Social フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

Smart & Social 記事ランキング

本日 月間