ヒューマンコンピュータインタラクション実習

下記の各課題を達成し，レポート提出システムを用いてそのレポートとプログラム及び 動作に必要なもの（演習室にインストールされているライブラリ・パッケージ以外の外部リソース類， プログラムが読み込むデータ，モデル，パターンファイルなど）一切を提出しなさい． 上記の一切をフォルダ構造（code及びdataフォルダ）を保った形でZIP形式に アーカイブし，提出しなさい．
レポート本体（PDF形式）には少なくとも以下の内容を，キャプチャ画像等を使ってわかりやすく記述すること：1.処理内容，2.動作・実行結果，3.工夫点，4.感想・反省点

R1: 可視化，インタラクティブシステム（〆切: 4月24日(木) 9:00）
R2: カメラ入力画像のリアルタイム処理（〆切: 5月15日(木) 9:00）
R3: ARシステム構築（〆切: 6月 5日(木) 9:00）
最終課題: 自由課題（〆切: 7月10日(木) 9:00）

円状移動アニメーション
サンプルプログラムの実行


ループと回転を使った図形描画
サンプルプログラムの実行


マウスを追いかけてお絵かき
サンプルプログラムの実行
マウスの位置に円を描画する（色はマウスのX座標に，円の半径はY座標に対応して決定）．

マウスの動作に応じた描画
サンプルプログラムの実行
マウスの位置に円を描画する（色：マウスのY座標に対応，円の半径：移動速度に対応）． 描画後の時間経過に応じて図形の色が徐々に薄くなる．

ボール落下アニメーション
サンプルプログラムの実行
落下したボールが床に跳ね返るようなアニメーション． ボールの色はY座標により変化．マウスクリック位置から再開．

本演習では，電子アートとビジュアルデザインのための統合開発環境 Processing を用いる． Processingはエディタなどを同梱した手軽なプログラミング環境であり， Javaをベースにしているためクロスプラットフォームで動作し， また作品・プログラムをWeb用に出力して手軽に公開することができる．
Processingはオープンソースソフトウェアであり， 開発環境は processing.org からダウンロードできる． その他のリファレンス，サンプルコードが多数掲載されているので参照すること．
TA徳網君による入門
processing.org（正式サポートサイト）
リファレンスマニュアル（正式版，英語）
リファレンスマニュアル（日本語版，ベータ）

• オンライン受講の場合は実習開始までに自力で本項記述の開発環境を整えておくこと．
• 利用PC環境は演習室と同様のWindows10（バージョン1909以降）を標準とする．他のOSでの実習を妨げるものでないが，発生するトラブルは自力で解決すること．なお，実習会場（V号館実験室）のPCには可視光画像に加えて深度情報が取得できるRealSenseが接続されており，Processing環境でカメラとして利用するには注意が必要である．。「準備室お知らせページ」の「 演習室の既知の不具合 」を参照してカメラデバイス名を指定すること．
• Microsoft WindowsがインストールされたPCにおいても，Microsoft SurfaceシリーズのPCの使用は推奨しない．Microsoft Surface PCの内蔵カメラがProcessingからアクセスできず，カメラを利用する課題の遂行に支障をきたす可能性が高い． このページ などを参考に，外付けUSBカメラを使うなどにより自力で解決すること．実習がある程度進んでからトラブルに陥らないよう，Processingをインストール後に，カメラを利用するサンプルプログラム（例えば[ファイル]-[サンプル]-[OpenCV for Processing]-[LiveCamTest]）での速やかな動作確認を強く推奨する．
• スケッチブック（各自の開発プログラム）の場所までのパスに日本語が含まれているとProcessingの処理系はスケッチブック内のライブラリを読み込めず，開発したプログラムが動作しない．Windowsのセットアップ時に日本語のユーザ名を設定した場合，各自のドキュメントフォルダも上記の理由により使えない．別の日本語を含まないパスのフォルダ（例えばc:\homeを作成するなど）にスケッチブックフォルダを設定すること．

OpenCV for Processing Ver0.6

Processing用画像処理ライブラリ．
解説

NyAR4psg: NyARToolkit for proce55ing

processing環境下で拡張現実環境を利用するためのライブラリ．ARToolKitクローンのNyARToolKit for Javaを使用している．
解説＆デモ動画
サンプルプログラムは Examples/Libraries/nyar4psg/for2X 以下を参照のこと．
実験用ARマーカの作り方

• レポート提出・閲覧システム：教研システムID[英3+数5文字]とそのパスワードによるログインが必要