PR

Kinectを使って、自分の手のひらに小さな分身を出現させてみる

2012年9月27日(木)
薬師寺 国安

今回のサンプルは、音声認識によってプレイヤーの小さな分身を作り、その分身を手のひらに乗せて操るというものです。実際の動きは図1と動画を参照してください。

さて、このサンプルにはどのような利用方法があるでしょうか?筆者が思うには、ゲームへの利用かな、と思いますが、皆さんも利用法を考えて、おもしろい作品を作ってみてください。

図1:プレイヤーの小さな分身を右手のひらに乗せている

サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。

プロジェクトの作成

VS 2010のメニューから[ファイル(F)/新規作成(N)/プロジェクト(P)]と選択します。次に、「WPF アプリケーション」を選択して、「名前(N)」に任意のプロジェクト名を指定します。ここでは「KINECT_ SeparateManOnHand」という名前を付けています。

ツールボックスからデザイン画面上にImageコントロール4個配置します。

XAMLコードはリスト1、レイアウトは図2のようなります。

リスト1  (MainWindow.xaml)

  • (1)WindowStateにMaximizedを指定し全画面表示としている。
  • (2)Nameがroom_imageのImageコントロールのSourceプロパティにRoom_Bitmapプロパティをバインドしている。
  • (3)Nameがhuman_image1のImageコントロールのSourceプロパティにHuman1_bitmapプロパティをバインドしている。
  • (4)NameがpersonImageのImageコントロールを配置しWidthの160、Heightに120と指定している。このコントロールにプレイヤーの小さな分身が表示される。
  • (5)Nameがhuman_image2のImageコントロールのSourceプロパティにHuman2_bitmapプロパティをバインドしている。

バインドするこれらの名前は、VBコード内で定義したプロパティ名です。Widthには640、Heightには480と指定しておきます。

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="519" Width="661" WindowState="Maximized"> ■(1)
  <Canvas>
    <Image Name="room_image" Stretch="Uniform" Source="{Binding Room_Bitmap}" Width="640" Height="480"/> ■(2)
    <Image Name="human_image1" Stretch="Uniform" Source="{Binding Human1_bitmap}"  Width="640" Height="480" /> ■(3)
    <Image Name="personImage" Width="160" Height="120"/> ■(4)
    <Image Name="human_image2" Stretch="Uniform" Source="{Binding Human2_bitmap}" Visibility="Visible"  Width="640" Height="480" /> ■(5)
  </Canvas>
</Window>
図2:各コントロールを配置した

参照の追加

VS2010のメニューから「プロジェクト(P)/参照の追加(R)」と選択して、各種コンポーネントを追加しておきます。今回追加するのは、Microsoft.KinectとMicrosoft.Speech、Ciding4Fun.Kinect.Wpfの3つです。.NETタブ内に表示されていないDLLファイルは「参照」タブからDLLファイルを指定します。

Microsoft.Kinect.dllは、C:\Program Files\Microsoft SDKs\Kinect\v1.5\Assemblies内に存在しますので、これを指定します。Microsoft.Speech.dllは
C:\Windows\assembly\GAC_MSIL\Microsoft.Speech\11.0.0.0__31bf3856ad364e35\
に存在しますので、これを指定してください。このassemblyフォルダ内のGAC_MSILフォルダは「参照の追加(R)」の「参照」タブからでないと参照できません。マイコンピューターからは、このフォルダは表示されませんので注意してください。

Coding4Fun.Kinect.Toolkitをダウンロードしたら、解凍したフォルダ内に存在する、CodingFun4.Kinect.Wpf.dllを指定してください。Coding4Fun.Kinect.Toolkitは下記より「Coding4Fun.Kinect.Toolkit.zip」をダウンロードしてください。
→ Coding4Fun.Kinect.Toolkit.zip(CodePlex)

次に、ソリューションエクスプローラー内のMainWindow.xamlを展開して表示される、MainWindow.xaml.vbをダブルクリックしてリスト2のコードを記述します。

Think IT会員限定特典
  • 自分の分身を手のひらに乗せるKinectサンプル

薬師寺国安事務所

薬師寺国安事務所代表。Visual Basic プログラミングと、マイクロソフト系の技術をテーマとした、書籍や記事の執筆を行う。
1950年生まれ。事務系のサラリーマンだった40歳から趣味でプログラミングを始め、1996年より独学でActiveXに取り組む。1997年に薬師寺聖とコラボレーション・ユニット PROJECT KySS を結成。2003年よりフリーになり、PROJECT KySS の活動に本格的に参加、.NETやRIAに関する書籍や記事を多数執筆する傍ら、受託案件のプログラミングも手掛ける。Windows Phoneアプリ開発を経て、現在はWindows ストア アプリを多数公開中

Microsoft MVP for Development Platforms - Client App Dev (Oct 2003-Sep 2012)。Microsoft MVP for Development Platforms - Windows Phone Development(Oct 2012-Sep 2013)。Microsoft MVP for Development Platforms - Client Development(Oct 2013-Sep 2014)。Microsoft MVP for Development Platforms-Windows Platform Development (Oct 2014-Sep 2015)。

連載バックナンバー

Think IT会員サービス無料登録受付中

Think ITでは、より付加価値の高いコンテンツを会員サービスとして提供しています。会員登録を済ませてThink ITのWebサイトにログインすることでさまざまな限定特典を入手できるようになります。

Think IT会員サービスの概要とメリットをチェック

他にもこの記事が読まれています