図形と画像の処理：後期期末試験

期末試験3日目。私が担当する科目が４科目ありました。

「情報A」、「情報B」はペーパーの試験。「DTP入門」は、三つ折りチラシの作品をプレゼンする実技試験。そして「図形と画像の処理」は、作成したムービーの紹介と工夫した点をプレゼンする実技試験。

AfterEffects上の作り込みの説明には、発表者のPCの画面を、生徒間の中央モニターに転送する。声が通るように、マイクを使ってプレゼンする。
また、教員席のモニターに映る画面をビデオ撮影しておく。

　

プレゼンの実技試験では、提出したコンセプトシートと、ビデオ撮影を見ながらじっくり評価する。この作業には手間も時間もかかるが、生徒の創作意欲も高まり、教育効果は高いと感じている。

プレゼン試験を行なっている科目では、１年間のプレゼンをDVDに編集して記録しておく。そして、翌年の授業で、その単元のゴールとして紹介する。これが上手く回ってきて、生徒も教員もストレスが少ない。

図形と画像の処理：Mikotoでアニメ制作

専門教科情報の指導要領科目「図形と画像の処理」。

後期期末試験では、３DCGアニメーションと画像を合成した40秒から60秒のムービーを作成し、4分から5分でプレゼンをする。現在、絵コンテに従って、３DCGアニメを制作中。

　

ここではフリーソフトのMikotoを利用している。ボーン入りのキャラクターに、キーフレームを設定する。途中は計算により補完される。出力は、連番の画像となり、このままAfterEffectsで使用してもよいが、Webでの使用も考えて、GIFアニメに変換させている。

図形と画像の処理：校内Webに作品をアップ

専門教科情報の指導要領科目「図形と画像の処理」。

遅れてしまったが、夏から秋にかけてのCG作品を校内Webにアップした。毎年、３作品を前面に出し、リンクで全作品が閲覧できるようにしている。

まずは、POVRayによる３DCG。基本だけ教えて２時間で作成したもの。

次は、メタセコイアで作ったオリジナルキャラクター。表紙は全員の作品を並べたもの。

それぞれ、過年度の作品を全て閲覧できる。
このギャラリーがあることで、翌年はそのレベルを超えた作品が生まれる。

図形と画像の処理：AnaglyphMakerで３D画像を作成

科目「図形と画像の処理」。３年次生最後の授業はアナグリフの３D画像の実習。

この科目は専門教科情報の指導要領科目。２単位で実施しているが、実質は４単位分くらいの内容を扱っている。３年次生には最後になる２時間で、アナグリフ法による３D画像の理論と、実際に３D画像の作成を行なった。

つかみとして、STEREOeYeのサイトにある画像を、同サイトで購入した赤ーシアンのセロハン眼鏡で見させる。驚きの声が聞こえたところで、昨年の受講生の３D画像作品を見せる。これがフリーソフトのAnaglypｈMakerで簡単に作れることを伝える。

今までに、MetasequoiaとPOVRayで立体モデルを作成した。それぞれの過去の作品を使って、左目と右目の位置から見た２枚の画像を用意させる。この２つの画像をAnaglyphMakerで読み込んで、ボタン一発で３D画像に合成し、画像として出力する。

メタセコイアで作ったシベリアンハスキーを編集している画面。

ＰＯＶＲayで作ったシーンを編集している画面。JUNの文字が飛び出して見える。

ちょうど２種類のソフトの復習にもなった。
３D映画も、左目用と右目用の２種類の連続画像が、スクリーンから眼鏡を通して、指定の一方に届いていることを説明する。さすが、この科目の受講者は理解が早い。

図形と画像の処理：３DCGと写真の合成ムービー（試験）

専門教科情報の指導要領科目「図形と画像の処理」、定期試験は作品のプレゼン。

科目「図形と画像の処理」では、後期の後半から、３DCGアニメの制作と、写真と合成した映像の作成を扱ってきた。受講者は２・３年次生18名で、毎年抽選がある人気科目。ハードだが、色彩検定やCG検定の受験もサポートするので、特にクリエイター志向の生徒には絶好。

今回の課題は、フリーソフトのMetasequoiaとMikotoで作った、クマと豚の３DCGアニメを、Adobe After Effectsで写真と合成し、トランスフォームを駆使して、１０秒から２０秒のムービーを作成すること。試験では、作品を開いてタイムライン上の設定を説明し、その後でムービーを２回表示する。これを、１分～１分３０秒で行なう。各生徒は、相互評価票に記入し、試験終了時には、相互評価票のデータと、作品プロジェクトのフォルダを提出する。

実技試験の様子を写真で紹介する。

　

基本的には、自分の席で作品を開き、マイクを使ってタイムライン上の工夫を解説する。これを、2人の間にある中央モニターに表示し、発表者以外はExcelで用意した相互評価票に評価とコメントを入力する。

　

説明のため過去の試験の様子を見せているので、毎年作品のレベルが上がっていく。今回も、生徒のアイディアに驚く場面が多かった。生徒は互いの工夫を見て、次の作品へのモチベーションを高める。
受講生の皆さん、ご苦労さまでした。

CGクリエイター検定の校内実施

情報科専門科目「図形と画像の処理」の受講者から９名が受験。校内にて実施した。

「図形と画像の処理」は指導要領科目だが、教科書が発行されておらず、CGクリエイター検定３級のテキストとカリキュラムに沿って理論を学び、フリーソフトやAdobeソフトを活用しながら実習をしている。

この科目は定員は１８名だが、毎年抽選になる人気科目。今年は少なく、受講者１８名中の９名が受験した。学校の学習環境では学べないこともあり、しばらく補習をしてイメージを獲得させてきた。

結果は如何に？いつも冬休み中に結果が公開される。

図形と画像の処理：Mikotoで３DCGモーション

専門教科情報の指導要領科目「図形と画像の処理」。応用的内容に入ってきた。

フリーソフトのMetasequoiaを使った３DCGのモデリングの実習が終わり、同じくフリーソフトのMikotoを使った３DCGアニメーションの実習に入る。

メタセコイアでボーン入りの豚のキャラクタを用意してある。これをＭｉｋｏｔｏで開いて、動作のキーフレームを設定していく。後は、タイムラインを補間してモーションが出来る。

今日は、スキニングの理論の説明と初めての操作なので、簡単な動作を設定した。最後の１０分は自由に操作させ、相互閲覧によって発想を広げさせました。

日本電子専門学校：高校教員対象講習会に参加

２日間の夏季休暇を取って標記の講習会に参加

今年は３講座しかない。省エネ対策のため講座数を最大限に絞ったためだ。各講座に２０名ずつの定員がすぐに埋まったという。
初日は簡単な開講式を行う。

私は「プログラムに役立つアルゴリズム」の講座に参加した。専門学校の情報処理科では、どのように指導しているのか勉強するため。
実際の授業で使う教材のダイジェストで講座が進む。基本的に紙ベースのワークで、予想以上にゆっくりしたペースでとても丁寧だ。我々教員は、自分たちが「分かってしまった」概念は、教え方も雑になりがちだ。先々で高度なことをするためには、最初を丁寧に教えることが必用なのだ。教材も教え方も参考になりました。

16時に講座が終わり、すぐに「３DCG制作」の講座に向かう。この講座の終了後に、希望者対象で「図形と画像の処理」での実践事例を紹介するため。

stereoeyeのサイトからダウンロードできるAnaglyphMakerを使ってアナグリフ方式の３D画像（立体視画像）を作る事例。デジカメで撮った写真画像だけでなく、POV-RayやMetasequoiaで作った３Dシーンから、左目用と右目用の画像をレンダリングして使用する。

アナグリフ法では、赤-シアン、または、赤-青のメガネを使う。講座では赤-青のメガネをセロファンと画用紙で作成していた。写真は、私が持っている赤-シアンのメガネ。

まずは、デジカメの写真を素材にした例

メタセコイアで作った動物のぬいぐるみ（クモ）を素材にした例

POV-Rayで作ったシーンを素材にした例

いくつかの素材を用意していったので、受講生の皆さんも喜んでくれた。POV-RayもMetasequoiaもサンプルで入っているものを利用すれば、すぐに実験することができる。
ぜひ、生徒にも体験させていただきたい。

図形と画像の処理：アニメの合成ムービーのプレゼン試験

残った２年次生８名で、１分ムービーの作品でプレゼン試験を実施。

AfterEffects上で、背景画像とアニメを合成した６０秒の作品をプレゼンする。マスク処理やトランスフォームの工夫、トランジションや効果音などを説明し、作品を流す。
プレゼンは、モニターと説明の様子が収まるようにビデオ撮影する。

一通りのワークフローは一斉試験の時期に修得している。その上での作品なので、なかなか面白いアイディアが出てくる。

いくつかの作品は、３月２４日の特色科目発表会の幕間に上映する。

図形と画像の処理：立体写真の編集

赤青メガネとアナグリフメーカーで立体写真を体験した

専門教科情報の科目「図形と画像の処理」、３年次生は今日で最後の授業となる。１時間ではあるが、アバターなどの映画や３Dゲームの出現で今が旬の「３D技術」について触れておく。

人間の目は、左目と右目という２つのカメラから若干差異のある画像を得て、脳はその差異の度合いから立体感を感じ取る。つまり、左目用と右目用の画像が、それぞれに強制的に送り込まれれば立体感を感じてしまう。という話をして、シャッター式や偏光式メガネの理論を簡単に説明した。次いで、暗記本を赤いシートで隠すと、赤い字が見えなくなることを確認して、赤と青のメガネをかければ、赤抜きの画像と青抜きの画像が目に送り込まれることを説明。なるほどと納得してくれるのは、ほとんどの生徒が３D映画の体験があるからだろう。

用意したものは、STEREOeYeのサイトからダウンロードしたAnaglyphMakerと、赤とシアンのメガネ。写真では、左が生徒数分STEREOeYeの通販で購入したもの、右はIMAGICA社の見学のお土産。

メガネをかけさせて、STEREOeYeのサイトから立体写真を見せる。生徒は素直に驚きを表現するので、ツカミとして十分の効果。

次に、横に10センチほどカメラをずらして撮った学校の風景写真２枚を提供。これらをアナグリフメーカーに読み込んで、立体写真に合成させる。操作は、ボタンを押すだけ。事前に、適切に立体効果が得られる写真を選んであるので必ず成功する。（撮影には三脚を使うのだが、左右にどれだけ動かすと適当かは、何枚か撮ってみないと分からない）

次が本番。
この科目では、POV-RayとMetasequoiaというフリーソフトで３D編集を行っている。授業中に作った作品を開いて、カメラ操作により左目用と右目用の画像をレンダリングすることを指示する。アナグリフメーカーで合成して、納得がいく立体効果が得られるまでレンダリングし直させる。
体験的に理論を理解させることができる。

上はメタセコイアを使った事例。生徒はもっぱらこちらで試行した。
下はPOVRayを使った事例。赤青メガネをかけると、球の前後関係がよく分かる。

最後は、全員の画面を順に転送して相互閲覧。生徒は１時間の別世界を満喫したようだ。

授業で扱ってみると、あらためていろいろなことが分かる。
生徒が作った作品は教材として適切だったが、赤い部分やシアンの部分がある場合は、カラーで合成するとうまくいかない。その場合は、白黒写真への合成が良い。
また、球のような物体は効果が薄く、縦で遠近差のある構造物だと効果が高い。

メタセコイアにサンプルで付いているオブジェクトで、グレーで縦構造のものがある。これを使ったものが下の写真。中央の画像が、両側の画像をアナグリフメーカーで合成したもの。

ぜひ、赤青メガネで見てください。