Kinectを使って、顔の動きを認識して画面に表示する

今回のサンプルは、Kinect for Windows Developer Toolkit 1.5.1に含まれる、Face Tracking Basics-WPFのC#のサンプルを参考に、少しアレンジを加えてVBに書き換えた、顔の輪郭を追跡して表示するサンプルです。

実際の動きは図1と動画を参照してください。このサンプルでは実行後、まず2ｍほど離れると、顔の輪郭に沿って三角形の集合体のジオメトリーが表示されます。その後1ｍ以内ぐらいまで近づき、椅子に座ったままの状態でも顔のジオメトリーが表示されます。

顔の細かい動きを追えることから、継続的に顔の動きが必要なアプリを作る際に役に立ちそうですね。

図1：プレイヤーの顔だけを追跡して表示している

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

プロジェクトの作成

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

まず初めにコードも何も記述しない空のUserControlを作成します。

UserControlの作成

VS2010のメニューから「プロジェクト(P)／ユーザーコントロールの追加(U)」と選択し、「ユーザーコントロール(WPF)」を選択します。「名前(N)」にはFaceTrackingViewer.xamlと指定し[追加(A)]ボタンをクリックします（図2）。

図2：UserControlを追加する（クリックで拡大）

FaceTrackingViwer.xamlのコードから要素のプロパティDesignHeightとDesignWidthを削除します。また要素も削除しておいてください。このままの状態でUserControlを置いておいてください。このユーザーコントロールでは、プレイヤーの顔を認識して三角形の集合体で構成されるジオメトリーを作成します。コードは後ほど記述します。

コントロールの配置(MainWindow.xaml)

まず、このMainWindow.xamlに先ほど作成しておいたFaceTrackingViewer.xamlを取り込みます。そのためには名前空間を定義する必要があります。要素内にxmlns:local=”と記述すると値の一覧が表示されますので、KINECT_FaceTracking（KINECT_FaceTracking）を選択します（図3）。

図3：UserControlであるFaceTrackingViewer.xamlを取り込むために名前空間を定義する（クリックで拡大）

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

図4：

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

リスト1 　(MainWindow.xaml)

• （１）localという名前空間を定義している。
• （２）NameがcolorImageのImageコントロールを配置している。
• （３）FaceTrackingViewerというUserControlを取り込んでいる。

view source

print?

01	<Window x:Class="MainWindow"

02	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

03	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

04	xmlns:local="clr-namespace:KINECT_FaceTracking"　　■（１）

05	Title="Face Tracking" Height="480" Width="640">

06	<Grid Name="MainGrid"  Width="640" Height="480">

07	<Image Name="colorImage" />　　■（２）

08	<local:FaceTrackingViewer x:Name="FaceTrackingViewer1"/>　　■（３）

09

</Grid>

10

</Window>

図5：各コントロールを配置した（クリックで拡大）