kinect camp with tmcn/ kinect入門ハンズオン 2015.06.06
TRANSCRIPT
![Page 1: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/1.jpg)
Kinect Camp with TMCNKinect入門ハンズオン
Microsoft MVP Windows Platform Development
Oracle ACE for RDBMS
TMCNテクニカルエヴァンジェリスト
初音玲
Twitter : @hatsune_
Blog : http://hatsune.hatenablog.jp/
![Page 2: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/2.jpg)
ハンズオンの概要
1. アプリ作成の基礎を学びます
2. Kinect対応アプリを作ります
3. Kinect Studioを利用してデバックを楽にします
4. じゃんけんWindowsストアアプリを作ります
本資料のダウンロード
http://bit.ly/1F0BnUE
![Page 3: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/3.jpg)
1. アプリ作成の基礎
![Page 4: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/4.jpg)
Windows ストア アプリケーション
Windows デバイス上で動作
Windows ストアで配布
ビューとロジック分離開発
Windows 10でも同様
詳しい内容は下記 Web ページをご覧くださいhttp://msdn.microsoft.com/ja-jp/library/windows/apps/dn726767.aspx
![Page 5: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/5.jpg)
チェック
Microsoft Windows 8.1 (x64)
Visual Studio Community 2013
Kinect for Windows SDK v2.0http://www.microsoft.com/en-us/kinectforwindows/⇒[download]
![Page 6: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/6.jpg)
新しいプロジェクト開始
1. Visual Studioを立ち上げます。
2. 新しいプロジェクトをクリックします。
![Page 7: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/7.jpg)
[新しいプロジェクト]ダイアログ
1. Visual C#をクリック
2. ストアアプリをクリック
3. Windows アプリをクリック
![Page 8: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/8.jpg)
テンプレートを選択してプロジェクトを作成
1. 空のアプリケーションをクリック
2. 名前を「HandsOn」と入力
3. OKをクリック
![Page 9: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/9.jpg)
主な名称
メニューバー
ソリューションエクスプローラー
エディター(コードエディタ / XAMLエディタ)
![Page 10: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/10.jpg)
3つのフォルダを作成します
1. プロジェクト名を右クリック
2. [追加]→[新しいフォルダ]とクリック
3. 「Models」と名前を入力
同じように「ViewsModels」「Views」を作成
![Page 11: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/11.jpg)
3つのフォルダを作成
Models• Kinectと接続するコードを記述
ViewModels•複数のModelをまとめるなど
Views•画面定義などを記述
![Page 12: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/12.jpg)
不要なファイルの削除
1. 「MainPage.xaml」を右クリック
2. [削除]をクリック
![Page 13: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/13.jpg)
ViewsフォルダにMainPage.xamlを作成
1. 「Views」を右クリック
2. [追加]→[新しい項目]をクリック
![Page 14: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/14.jpg)
ViewsフォルダにMainPage.xamlを作成
1. 「基本ページ」をクリック
2. 名前を「MainPage.xaml」と入力
3. [追加]をクリック
![Page 15: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/15.jpg)
ViewsModelsフォルダにMainViewModel.csを作成
1. 「ViewModels」を右クリック
2. [追加]→[クラス]をクリック
![Page 16: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/16.jpg)
ViewsModelsフォルダにMainViewModel.csを作成
1. 「クラス」をクリック
2. 名前を「MainViewModel.cs」と入力
3. [追加]をクリック
![Page 17: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/17.jpg)
ModelsフォルダにKinectModel.csを作成
1. 「Models」を右クリック
2. [追加]→[クラス]をクリック
![Page 18: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/18.jpg)
ModelsフォルダにKinectModel.csを作成
1. 「クラス」をクリック
2. 名前を「KinectModel.cs」と入力
3. [追加]をクリック
![Page 19: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/19.jpg)
ここでビルド
1. [F5]キーを押す
![Page 20: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/20.jpg)
コンパイルエラーの対応
1. エラー表示をダブルクリック
![Page 21: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/21.jpg)
コンパイルエラーの対応
1. 青い波線の左端にマウスを移動
2. [▼]をクリック
3. [HandsOn.Views.MainPage]をクリック
![Page 22: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/22.jpg)
ここでビルド
1. [F5]キーを押す
![Page 23: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/23.jpg)
2. 簡単なKinect対応アプリを作成
![Page 24: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/24.jpg)
Kinect 関連のモジュールを追加します
2. [参照の追加]をクリック
1. [参照設定]を右クリック
![Page 25: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/25.jpg)
Kinect 関連のモジュールを追加します
2. [Windows.Preview.Kinect]をクリック
1. [拡張]をクリック
3. [OK]をクリック
![Page 26: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/26.jpg)
ビルドの構成を変更します
1. [ビルド]→[拡張マネージャー]をクリック
![Page 27: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/27.jpg)
ビルドの構成を変更します
2.ここをクリックし、[x86]を選択します。
1. 左のような画面が表示されます。
3. 左のような画面が表示されます。
4. [閉じる]ボタンをクリックし、設定を終了します。
これにてビルド構成の変更は完了です。
![Page 28: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/28.jpg)
Web カメラとマイクへのアクセスを許可します
1. 「Package.appxmanifest」を右クリック
2. [開く]メニューをクリック
3. [機能]をクリック
![Page 29: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/29.jpg)
Web カメラとマイクへのアクセスを許可します
1. [マイク] の隣にチェック
2. [Web カメラ] の隣にチェックKinectにアクセスが可能になりました。
![Page 30: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/30.jpg)
KinectModel.csを作成
![Page 31: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/31.jpg)
http://bit.ly/1APQMwe
1. 画面を右クリック→[すべて選択]をクリック
2. 画面を右クリック→[コピー]をクリック
![Page 32: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/32.jpg)
Visual StudioのKinectModel.cs
1. [編集]→[すべて選択]をクリック
2. [編集]→[貼り付け]をクリック
![Page 33: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/33.jpg)
MainViewModel.csを作成
![Page 34: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/34.jpg)
http://bit.ly/1cCU2iK
1. 画面を右クリック→[すべて選択]をクリック
2. 画面を右クリック→[コピー]をクリック
![Page 35: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/35.jpg)
Visual StudioのMainViewModel.cs
1. [編集]→[すべて選択]をクリック
2. [編集]→[貼り付け]をクリック
![Page 36: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/36.jpg)
ここでビルドアプリが無事立ち上がるが何も起きない
1. [F5]キーを押す
![Page 37: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/37.jpg)
<Grid.RowDefinitions><RowDefinition Height="140"/><RowDefinition Height="*"/>
</Grid.RowDefinitions>
<StackPanel Grid.Row="1"><Grid>
<Viewbox Height="700" Width="1024"><Image Source="{Binding ColorImageElement}" Stretch="UniformToFill" />
</Viewbox>
</Grid></StackPanel>
MainPage.xamlの編集
ここにコードを書く
こう書かれている部分を探す
![Page 38: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/38.jpg)
<Grid.RowDefinitions><RowDefinition Height="140"/><RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid Grid.Row="1"><Grid>
<Viewbox Height="700" Width="1366"><Image Source="{Binding ColorImageElement}" Stretch="UniformToFill" />
</Viewbox></Grid><TextBlock VerticalAlignment="Bottom" Text="{Binding Message}"
TextWrapping="Wrap" Foreground="Orange" Margin="10,0,0,0" Style="{StaticResource SubheaderTextBlockStyle}"/>
</Grid>
MainPage.xamlの編集
![Page 39: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/39.jpg)
private ViewModels.MainViewModel ViewModel = new ViewModels.MainViewModel();
public MainPage(){
this.InitializeComponent();this.navigationHelper = new NavigationHelper(this);this.navigationHelper.LoadState += navigationHelper_LoadState;this.navigationHelper.SaveState += navigationHelper_SaveState;
this.DataContext = this.ViewModel;}
private void navigationHelper_LoadState(object sender, LoadStateEventArgs e){
this.ViewModel.KinectStart();}
private void navigationHelper_SaveState(object sender, SaveStateEventArgs e){
this.ViewModel.KinectStop();}
MainPage.xaml.csの編集
![Page 40: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/40.jpg)
ここでビルド
1. [F5]キーを押す
![Page 41: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/41.jpg)
Kinectをつないでみよう
![Page 42: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/42.jpg)
ここでビルドKinectカメラの映像が表示で来たら成功!
1. [F5]キーを押す
![Page 43: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/43.jpg)
3. Kinect Studio を利用してデバックを楽にします
![Page 44: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/44.jpg)
Kinect Studio 開発で苦労するポイント
アプリケーション開発・デバッグ時に Kinect センサーが必要• SDK、開発環境は無償で入手できますが、Kinect の購入が必要
•持ち運ぶために鞄にある程度のスペースが必要
センシングするために十分な場所が必要
実行・デバッグの度にセンシングが必要
![Page 45: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/45.jpg)
Kinect Studio とはKinect 開発を楽にするエミュレーター
通常の開発時1. Kinect からデータをアプリへ渡します
Kinect1. Kinect からデーターを取得します
2. Kinect Studio のデータをアプリへ渡します
開発 PC
アプリ
開発 PC
アプリ Kinect Studio
①
②
①
![Page 46: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/46.jpg)
Kinect Studio を起動する
1. キーボード上で [Windows キー]を押します。2. スタート画面が表示されるので、”Kinect” と入力し、アプリケーションを検索します。
3. “Kinect Stdio v2.0” を選択し、起動します。4. 左の画面が表示されます。
5. [Record] タブをクリックします。
![Page 47: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/47.jpg)
Kinect からデータを取得する
1. Kinect が PC に接続されていることを確認のうえ、ここをクリックします。
![Page 48: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/48.jpg)
Kinect からデータを取得する
2.ここをクリックします。
1.画面が左のように変化します
![Page 49: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/49.jpg)
Kinect からデータを取得する
2.目的のデーターを取得し終えましたら、ここをクリックします。
1. データの取得が開始されますので、Kinect の前で動きます。
3. [Play] タブをクリックします
![Page 50: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/50.jpg)
取得したデータでデバッグする
1.接続状態 (コネクタが接続している図)になっていることを確認します。
2.ここ (再生マーク)をクリックします
![Page 51: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/51.jpg)
Visual Studio でサンプルを実行する
1. キーボード上で [F5] キーを押すか、ここをクリックします。
![Page 52: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/52.jpg)
Visual Studio でサンプルを実行する
Kinect Studio からのデータを元にサンプルプログラムのデバッグを行うことができます。
手元に Kinect が無い時に Kinect 開発をする場合にはKinect Studio を使って快適に開発を進めてみてください。
![Page 53: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/53.jpg)
補足情報
2. [Loop Count] の値を “3” など任意の値に設定します。
1. デバッグをより快適に実行するために同じデータを繰り返して再生することができます。
3.ここをクリックし、デバッグを進めてください。
![Page 54: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/54.jpg)
4. じゃんけんアプリを作成
![Page 55: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/55.jpg)
じゃんけんアプリの仕組み
ハンズオンで作成したKinectカメラアプリを拡張• http://bit.ly/1QcMANJ
右手のボーンを取得
右手のボーンのステータスを判定
判定結果をじゃんけんにマッピング
![Page 56: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/56.jpg)
KinectModel.csにじゃんけんを返すインターフェイスを追加
public enum ResultState{
Unknown = HandState.Unknown,Lock = HandState.Closed,Paper = HandState.Open,Scissors = HandState.Lasso
}
private ResultState _Result = (ResultState)HandState.Unknown;public ResultState Result{
get { return this._Result; }set{
this._Result = value;OnPropertyChanged();
}}
1. ColorImageElementの定義の後の38行目に追記
![Page 57: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/57.jpg)
http://bit.ly/1KfZOo7 (文字化けしてたらUTF8)
1. 画面を右クリック→[すべて選択]をクリック
2. 画面を右クリック→[コピー]をクリック
![Page 58: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/58.jpg)
Visual StudioのKinectModel.cs
1. 141行目で改行
2. [編集]→[貼り付け]をクリック
![Page 59: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/59.jpg)
Visual StudioのMainViewModel.cspublic ImageSource ColorImageElement
{get { return this.Model.ColorImageElement; }set{
this.Model.ColorImageElement = value;}
}
public HandsOn.Models.KinectModel.ResultState Result{
get { return this.Model.Result; }set{
this.Model.Result = value;}
}
1. ColorImageElementの定義の後に追記
![Page 60: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/60.jpg)
Visual StudioのMainPage.xaml
<TextBlock VerticalAlignment="Bottom" Text="{Binding Message}" TextWrapping="Wrap" Foreground="Orange" Margin="10,0,0,0" Style="{StaticResource SubheaderTextBlockStyle}"/>
<TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Result}" TextWrapping="Wrap" Foreground="Orange" Margin="10,0,0,0" Style="{StaticResource HeaderTextBlockStyle}"/>
</Grid>
1. Messageの定義の後に追記
![Page 61: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/61.jpg)
ここでビルドKinectカメラにぐーちょきぱーが表示で来たら成功!
1. [F5]キーを押す
![Page 62: Kinect Camp with TMCN/ Kinect入門ハンズオン 2015.06.06](https://reader034.vdocuments.net/reader034/viewer/2022042701/55babda9bb61eb2c528b46c0/html5/thumbnails/62.jpg)
FIN
62