今日はよろしくお願いします。

ようこそ「電子計算機研究会」へ。

皆さんやっぱりデジタルに強いんでしょうか。

部員は105名いるんですが、授業でもITやデジタル技術を学んでいる学生が多いですね。でも、授業で学んでいること以外にも、それぞれの好きなことや得意分野を活かして、独学で作品を作ることが多いです。

独学で！

まずは、僕たちが作った作品を紹介しますね。

まず紹介するのは、VRのボルダリングゲームです。右手と左手で岩を掴んで登っていくだけの簡単なゲームです。

ボルダリングか。これを掴んで登っていけばいい感じですね。

そう。右手を掴んだら、次は左手に届くところに……

なるほ……………え、落ちた。

体力のゲージがあるので、体力が0になる前にタイミングよく掴まないといけないんです。VRゲームは、ゲーム内での動きと現実の自分の感覚が微妙にズレて操作に手間取ることもあるので、感覚を掴むまでが難しいんですよね……。

あの、実はデジタルに弱いだけでなく、ゲームも苦手なんです……。

ジャンプするだけの横スクロールゲームもありますよ。

これならできそう。

あ、そこでジャンプ！

難しくないですか？

すみません、確かにこれは鬼畜ゲームの要素もある「死にゲー」なんですが、SAORIさんの場合、それすらもわからない冒頭で即死でしたね……。

・・・・・・。

まあ、僕らもゲームをプレイするのが得意なわけではないんですよ。ゲームのアイデアを考えたり、考えたことを実装することに意義があると思っています。

確かに、ゲームを考えるのは楽しそうです。これって、制作にどれくらい時間がかかるんですか？

このゲームはハッカソン※で制作したもので、4人で1ヶ月程度です。プログラムを組む時間より、テストプレイやバグの修正に20日くらいかかってます。

VRゲームの3Dのグラフィックも全部一から作るんですか？

Unityという開発プラットフォームを利用して制作しているんですが、3Dのグラフィックは既存のものを利用したり、物理演算などはUnityに備わっているものを利用したりして制作コストを抑えています。場合によっては、グラフィックも部内で制作したり物理演算も自分たちで実装したりすることもありますけど。

物理演算……？

ゲーム内のオブジェクトを物理法則にしたがって動かすために、質量に対して重力や空気抵抗などの摩擦力を数値計算しているんです。例えばボールが地面に衝突してバウンドする動きとか、スカートや髪の毛の揺れなどあらゆるところに使われています。

デジタルに強くなるための体験入部のつもりが、逆に、デジタルに対する苦手意識が増長している気がするんですが……こんな私でもできることはないでしょうか？

好きなことから始めるといいと思いますよ。プログラミングは、DTM※や動画制作にも役立ちます。最近流行りのVTuberもモーションキャプチャ※などのデジタル技術を活用して、CGキャラクターのアニメーションをつけたり、人間の動きを解析してデジタルデータに変換しているんです。

私自身が生身のアバターのような立ち位置なのでVTuberになりたいとは思いませんが、CGのキャラクターを動かす技術だと思うと身近に感じますね。

アバターを動かすだけでなく、動画にエフェクトやアニメーションをつけたりするのも、プログラミングが関わってくるんですよ。YouTuberの動画でも、切り替えやオープニングなどにモーショングラフィックスを使っている動画がたくさんありますよね。

なるほど。私は文字のテロップをつけたりモザイクをかけるくらいしかやったことないけど、もっと動画編集ソフトを使いこなせるようになりたい……。

例えば、これはメンバーの瀧田くんが作ったサンプルです。

すごい。私も作ってみたいです。

やってみましょう！

今回はAbobeのAfter Effectsを使って、動画のタイトルアニメーションを作ってみましょう。

存在は知っているんですが、使ったことないです。

After Effectsはモーショングラフィックスを作る代表的なソフトで、文字やイラストにエフェクトをつけたり短いアニメーションを作るのに適しています。同じAbobeのソフトでPremiere Proもありますが、Premiere Proはどちらかというと動画をつなぎ合わせたりテロップをつけたりする動画編集ソフトという感じです。

Premiere Proは使ったことあるんですが、After Effectsは難しそうだなと……。

動画を編集するだけならPremiere Proでいいと思いますが、After Effectsは元々用意されているアニメーションプリセット（設定したエフェクトやキーフレームを一括適用できる機能）が豊富で、更にプラグインを使って物理演算を再現したり、Premiere Proには表現できない複雑な表現ができるのが魅力なんです。

Premiere Proではできることが限られているんですね。

逆に、After Effectsは長い動画を編集するのには向いていないので、After Effectsでタイトルやイントロのアニメーションを作成して、Premiere Proで編集するという使い分けをするといいと思います。

では、早速シェイプレイヤーで円を作って、ボールが落下して戻ってくる動きを実装してみましょう。楕円ツールを使って……あっ、適当にやると綺麗な正方形にならないので、80×80pxの正方形に調整しましょう。

あの、円を作るだけですごく頭を使うんですが.......数字で打ち込む世界なんですか？

感覚的に簡単にできるソフトと違って、しっかり数字で管理することで正しく綺麗な動きを実装できるんです。このへんは少しプログラミング的思考が入ってきますね。でも、どのソフトを使っても裏側はプログラミング言語で動いていますし、極論を言うと0と1の世界ですからね。

正方形になりました！

それでは、この円に速度をつけて、下に落下させてみましょう。下に動かすだけなら簡単ですが、キーフレームで枠の外に円が落ちるように移動させます。そして出発点に戻ってくるように設定して……更に、スムーザー機能を使って、動きを自然に滑らかに設定します。

おお、動いた！ 円を移動させるだけでめちゃくちゃ細かい設定が必要なんですね……先が長すぎる。

そうなんです。こんな風に、いちいち全部キーフレームで指定していたら大変ですよね。そこで、プログラミングが活きるエクスプレッションという機能を使うんです。今作った一連の動きの指示を、キーフレームを使わずプログラミング言語で制御することができるんです。

余計難しく感じるんですが……。

いや、プログラミング言語を覚えて一から作るのは大変ですが、一度作ってしまえばその構文をコピペするだけで色んなものに使い回すことができますよ。

気の遠くなる作業ですが、こういう仕組みでできてるんだ！ ということが知れてよかったです。でも、使いこなせるようになるんだろうか……？

体験入部、すごく勉強になって楽しかったんですが、正直めちゃくちゃ疲れました......！ 脳の普段使っていない部分を使った感じがします。

何だかすみません。

今はコロナ禍で活動できないクラブも多いと思うんですが、電子計算機研究会はあまり影響はないですか？

そうですね。基本的にはパソコンさえあればどこにいても活動できますし、コロナ前からオンラインのやりとりが多かったので。勉強会やハッカソンなどのイベントは、ZoomやDiscord、Slackなどを活用してオンラインに移行しました。

逆に、オンラインでのやりとりが当たり前になったからこそ、交流範囲が広がったこともありますね。昨年夏に、千葉大学と岡山大学の電子計算機研究会と共同でハッカソンを開催したんですが、遠く離れた地域の学生団体との交流は刺激がありました。

ハッカソンって年に何回くらいやってるんですか？

ハッカソンは毎年夏と春の長期休暇期間に2回開催しています。他にもKC3（関西情報系学生団体交流会）などの他団体のハッカソンにも招待されるので、2回+αで参加する機会があります。

最後に、新入生に向けたアピールがあればどうぞ！

では、広報担当の僕から。ゲームを作ってみたい、VTuberになりたい、プログラミングに興味がある、プログラミングは苦手だけどイラストが描ける……などなど、そんな新入生はぜひ電子計算機研究会に！ 春は、プログラミングや映像編集、モデリングなど様々なジャンルの入門講座を1〜2ヶ月ほど開催しています。他にも、部員が何か学んだものを共有したいと思ったときには各自で勉強会を開催しているので、初心者も大歓迎です！

ありがとうございました！