"iTween" を使ったアニメーション作成
こんにちは、会津大VR部1年の森川です。
今回はチーム開発の時に使ったAseets「iTween」に関しての簡単な使い方をまとめていきたいと思います。
iTweenとは
Unity上でアニメーションクリップを作ってAnimetorをいじる方法ではなく、スクリプト上で簡単にアニメーションができる便利なAseetsです。
このAseetsは無料で使うことができるので使ってみるしかないですね！
使い方
今回は例として、
1. x方向に1秒で5移動
2. その場でy方向に3秒で720°回転
3. アニメーション終了後に消滅
をiTweenを使って作っていきたいと思います。
サンプルコードはこちら
コードを簡単に説明していきます。
iTween.MoveBy(引数１,引数２)
引数１のオブジェクトの現時点でのpositionから、引数２で指定した位置まで移動させる。
iTween.RotateAdd(引数１,引数２)
引数１のオブジェクトで前に行ったアニメーション（ここではMoveBy）に追加で、引数２で指定した向きまで回転させる。
「MoveBy」「RotateAdd」の他に「MoveTo」やら「ScaleFrom」などがありますが、これらに関してはココでは詳しく説明はしません。簡単にまとめると
- Move◯◯ → Position（オブジェクトの位置）
- Rotate◯◯ → Rotation（オブジェクトの向き）
- Scale◯◯ → Scale（オブジェクトの大きさ）
という感じに、使い分けていきます。
今度はiTween.Hashの中身を見ていきます。今回は要素がたくさんあるRotateAddの方を説明していきます。
iTween.Hash( "key1", 値1, "key2", 値2, … )
このように記述することにより「key1に関して値１を実行、key2に関して値２を実行…」と指定することができます。
"y",720, → y方向に720°回転
"time",3.0f, → 3秒間で回転させる
"delay",1.0f, → 開始時間を1秒遅らせる
"oncomplete","aaaaa" → RotateAddのアニメーションが終了した後、aaaaaというメソッドを呼ぶ
コードの説明は以上です！
最後にこのコードを動かしたいオブジェクトにアタッチすれば動かすことができます。画像見る限りちゃんと動いてますね。
（画像小さくてすみません）
最後に
いかがでしたでしょうか？
私はiTweenを触って「こんな簡単にアニメーション作ることできるのか、それに見やすい！」と思いました。皆さんもそう思ってることでしょう(多分w)。私自身まだまだiTweenを触り尽くせてないので、「これを使って何か面白いもの作れたらな」と思っております。
参考にしたサイトのリンク先はこちら
【Unity】iTweenの使い方 / お試し【入門】 - 腐りかけエンジニアのブログ
【Unity Asset】iTweenがすごく便利だった | GMOメディア エンジニアブログ
先ほどのアニメーションメソッド（MoveBy等）に関してはこちら
【Unity】iTweenの使い方 / アニメーションメソッド【入門】 - 腐りかけエンジニアのブログ
夏休みを振り返ってみる
こんにちは、VR部部長の秋山です。いまさらですが夏休みの振り返りをしていこうかと思います。
- 会津大学オープンキャンパス 8/11
- 帰省 8/16〜8/20
- 面白法人カヤックインターン 9/4~9/15
- 東京ゲームショー 2017
- VR部 開発合宿 9/29〜10/1
- 蒼翔祭 10/7〜10/8
会津大学オープンキャンパス 8/11
会津大学オープンキャンパスが8/11(金)に行われたのですが、会津大VR部のことを少し紹介できる機会を設けてもらいました。会津大学の敷地内にあるLiCTIAという建物の1階を借りて、VRコンテンツの展示とVRコンテンツ制作講座を開きました。
VRコンテンツの展示の方では私がVRプロフェッショナルアカデミーで制作したコンテンツを展示したのですが、少し難易度が高めのコンテンツを展示してしまった感がありました。やはりVRの操作は慣れが必要だと改めて感じました。
来年度また機会があったらそのときはVR部のチーム開発で制作したものを展示してみたいですね。写真を撮る癖がないので画像がありませんが... 撮影癖つけたいですね
帰省 8/16〜8/20
私の実家は静岡県なのですが、静岡の実家は帰省していました。帰省している間は時間があったので、チーム開発で使うことになっている魔法のエフェクト制作をしていまいた。
「氷魔法」
今日の進捗 pic.twitter.com/YrTapk4zhV
— Achu@デジゲー博Y-7 (@Achu_retro) 2017年8月19日
「雷魔法」（動画は24日ですが実家で作ってます）
雷属性の防御魔法 pic.twitter.com/NgKUG7dIoj
— Achu@デジゲー博Y-7 (@Achu_retro) 2017年8月24日
会津に戻ってから、これらをVRで見てみた動画
VRでみてみた pic.twitter.com/j7dECWdNYt
— Achu@デジゲー博Y-7 (@Achu_retro) 2017年8月28日
やはりVRで見るとサイズ感が違うのでサイズの修正をしたりしました。
面白法人カヤックインターン 9/4~9/15
8月の中旬にはVR部1年生2人がインターンに行っていましたが、9月上旬の2週間は部から3年生3人がインターンに行ってきました！
1年生のときと同じく、最初の1週間は自由課題として自分達で作るものの設計から実装までをし、次の週に実際の業務を手伝いました。
自由課題
私は自由課題でVRポージングゲームを作りました。Unityちゃんがリズムに合わせてポージングするので、プレイヤーもリズムに合わせてUnityちゃんと同じポーズをしていくというものです。ダンスゲームに近いものだと思っていただけるといいと思います。
この課題で習得したこと
- FinaIKからモーションをとる
qiita.com
私はアニメーションを1から作ったことがなかったのでUnityちゃんのポーズをどう生成しようか悩んでいました。今回はこちらのサイトを参考にし、FinalIKからモーションをとってきました。生成されるデータがアニメーションファイルではないので最初てこずりましたが、しっかりコードを読めば理解できました。
このスキル習得により、PERCEPTION NEURONを忘れてしまったり、チームにモーションを作ったことがある人がいない時でも、アニメーションをとってくることができるようになりましたっ！
- UnityEditor名前空間使用時の注意
今回の課題で私は初めてUnityEditor名前空間を使ったのですが、この名前空間を使用する際、プリプロセッサで場合分けしないといけないのです。確かに冷静に考えれば、iOSやAndroidにビルドするときにUnityエディターを操作することはないので、Unityエディターと他で場合分けするべきですよね。
自分は場合分けをしないでビルドしたときにエラーが出た後、シーンがバグり、全てのコンポーネントが外れるという自体が発生しました。バージョン管理をしていなかったせいで1から付け直すことになりました。
このことからも日頃からgitなどのバージョン管理ツールは使っておくべきだなあとしみじみ思いました。
VR/AR/MR ビジネスEXPOに参加
vrarmr-bizexpo201709.peatix.com
展示のお手伝いをしに、上のイベントに参加させていただきました。
展示のお手伝いを通して、Oculus Riftのセットアップ方法を学べたり、体験していただくお客様に対しての説明の仕方などを学びました。
その後の懇親会にも参加させていただき、様々なVRの企業の方とお話する機会がありました。話をしていく中でこれからのVRにより期待が膨らんでいきました。本来学生では経験できない貴重な体験をさせてもらいました。面白法人カヤック様、本当にありがとうございました。
お仕事の手伝い
仕事内容は機密事項なので言えませんがカヤック様のお仕事を少し手伝いました。ここで私は初めて実践的にgitを使用しました。一緒にインターンに参加した人の1人にgit経験者がいたのでその人と担当の方に直接教えていただきながら使い方を学んでいきました。
gitを少し使えるようになってから、今までとは違った世界が見えてきた気がします。使っていて、これは必須スキルだと強く思いました。VR部でもgit勉強会を開催してチーム開発力を高めていけたらと思います。
その他諸々学んだことは多かったですが中でも印象に残っていることが、名刺の大事さです。名刺の大事さはもしかしたら以前にも書いているかもしれませんが、未だに私は名刺を持っていません。名刺をもらう機会が多く、名刺保存ケースはもう入らないくらいいっぱいなのに一回も自分から渡せたことがありません。デジゲー博までには名刺を作っておき、いざというときに渡せる体制をとっていこうと強く思いました。
東京ゲームショー 2017
ずっと一回は行ってみたいと思っていたTGSに行ってくることができました！
今年はVR系が多く出店したらしく、いい年に来たなあと思いました。暗殺教室のVRゲームや、メドゥーサと恋人というPS4のHMDを使ったVRゲームをやらせてもらったりしました。
このメドゥーサと恋人というゲームのいいなあと思った点は、メドゥーサが静止しているときは一人称視点で、コントローラで移動スティックを倒すと三人称視点に変わってカメラは移動しないでキャラクターだけが移動するという新しいウォークスルーです。全く酔いませんでしたし、重要な攻撃シーンなどは一人称で見ることができるので迫力が無くなる訳でもなかったです。この手法はもっとVRに関わる人に周知するべきだと思いました。
その他、技術的なところで気になったのは
STRIX ENGINE
トビーのアイトラッキング
です。特にトビーのアイトラッキングでは、実際に体験をさせてもらったのですがアイトラッキングの制度が今まで体験してきたアイトラッキングの中で一番よかったです。体験するときに使用したHMDはHTC Viveにアイトラッキングができるようになる装置をつけたものでした。コンテンツは周囲にランダムに配置されているビンに向かって石を投げるという簡単なコンテンツなのですが、アイトラッキングができることにより投げた石が目線に向かって飛んでいってくれます。このような感じでプレイヤーの動作の補正を行うことができるのがアイトラッキングの強みですよね。実験用に会津大でもアイトラッキングができる機材を購入したいですね。
VR部 開発合宿 9/29〜10/1
2泊3日の開発合宿をVR部で行いました。場所はCloudCampで昨年Unityハッカソンを行った場所と同じだったので馴染み深い場所で合宿ができました。
全員で21人参加して、一応全チーム1人は参加してくれたので各チーム一部屋借りてこもりながら開発できました。
この合宿を通して先輩後輩の繋がりも以前より増え、部員同士のコミュニケーションが増えた気がします。デジゲー博に展示予定のコンテンツも着々と完成してきています。
ここまでが夏休みのイベントでしたがついこの間会津大学の学祭があり、そこでVR部も合宿で製作したVRコンテンツを展示しました。
蒼翔祭 10/7〜10/8
第三者の方に実際に作ったコンテンツをプレイしてもらう機会はとても貴重なものでした。多くの年齢層の方にプレイしていただき、各チームフィードバックもたくさんいただきました。ゲーム慣れしている人としてない人ではプレイの仕方が違ったり、まずVR自体が初めての人が多かったのでUI設計を見直すチームも出てきました。また、ゲームそのものの見直しをするチームもあり、各チームどうブラッシュアップしていくかが楽しみです。
最後機材の片付けが終わったあと、VR部で忍者マスクをしながら記念写真っ
来年にはより質の高いコンテンツを展示できたらと思います。
カヤックインターン体験記
はじめまして、会津大VR部１年生の大庭です。
8/14 〜 8/25まで２週間の間、会津大VR部がカヤックさんのVR部分室と言うつながりでインターンに行ってました！
とても充実した２週間でした。そのことについて報告したいと思います！
第１週目
１週目は、 「一週間でVRのコンテンツを作ってください」という自由課題が出されました。
正直、何も考えていなかったので「何をつくろう・・・」という状態でした。
1日目
とりあえずどういうコンテンツにするかある程度方針を決めるために、VIVEをいろいろ弄りながら決めることにしました。
その結果
- VR空間で物をつかむだけでも面白い
- 広さに限界があるため 座って or 立ちっぱなし でもできるものにする
っということに気づきました。
あと、VR酔いに気をつけるようにということも言われていたので
じゃあ、極力動かなければいいのでは？ということも思いアクション系のゲームはやめることにしました。
最終的にVR空間でやるパズルゲームを作ることに決めました。
2日目 〜 5日目
完成像を想像してもらいやすくするために動画を載せます。
実装が大変だった点は
- ブロックの位置をあわせる
- クリアの判定
です。
ブロックの位置をあわせるのに２日くらいかけた気がします・・・
ブロックが回転してるとうまい具合に位置関係を維持したまま結合できませんでした・・・
クリア判定の方は、ブロックの周囲６方向に何個ブロックがあるかでそのブロックがどの部分を構成しているかで判定しました。
しかし、この方法だと直方体しか対応できないんですよね・・・
とりあえずなんとか遊べるレベルまで完成はすることができました。
第２週目
２周目は、実際に業務をお手伝いすることになりました。
git/githubを使った開発はこれが初めてだったので不安でしたが、教えてもらいながらなんとかやることができました。
今後のチーム開発に活かして行きたいと思います。
この週にカヤックさんのラボと鎌倉のオフィスにお邪魔させて頂きました。
ラボは第一印象が民家で「こんなところにレーザーカッターとかあるのか！？」という印象でした。
大学にもレーザーカッターと３Dプリンターが自由に使えるスペースがあるのでそれらをうまく使ったら面白いものができるのかなっと思いました。
鎌倉のオフィスは元銀行だったところをリノベーションして使っているそうです。
入り口がなんとも言えない雰囲気を出してました。会社感がなかったです。
最後に
短いですがここでまとめさせてもらいます。
今回のインターンで学んだことは
- VRの開発楽しい！
- git/githubを使った開発フローがわかった
- 会社がどういうところかわかった
ということでした。
まだ、本格的にVRの開発をしたことがなかったので今回の経験でVR開発のモチベーションがかなり上がりました！
勢いでOculusのサマーセールでOculus Riftを買ってしまったくらいです。
これからVR開発頑張ろうと思います。
git/githubを使った開発は慣れればかなり便利でこれからのチーム開発でも個人での開発でも活用していきたいと思いました。
最終日に１週目で開発したゲームを発表・体験してもらったのですが、自分が思っている以上に評価がよく、もう少し修正したらストアに出せると言ってもらえたのが嬉しかったです。今ある不具合や追加でもっとゲーム性を高めてストアに出せるレベルにしたいです。
以上でインターン報告を終わります。ありがとうございました。
SEGA VR AREA AKIHABARAを体験！
VR部3年のなおしです
今回は「SEGA VR AREA AKIHABARA」のレポートです
写真綺麗に取れてませんね…..次はちゃんと確認します。
はじめに
このVR施設は秋葉原にあります。1プレイ1,500円。最初に見つけた際は2時間待ちと人気でした。なので、後日朝早くに向かいプレイしてきました！ VRを装着して、ゲーム内で歩いて移動することが出来ます。ほとんどのVRコンテンツでは移動ができなかったり、テレポートして移動しますが、実際にあるいてVR空間を移動するのは とても新鮮で学ぶことがたくさんありました。
装備
このVRを体験する際の装備です
背中に隠れていますが、PCを背負っています。おおよそ5kgほど。手にはマーカーのついた手袋をはめます。後は、ヘッドホンとヘッドマウントディスプレイを付けて準備完了！ 銃はプレイ中に「出現」します。銃はおよそ1～2kg程度。それを構えてゲームスタート！
ゲーム概要
銃があるのでわかると思いますが、シューティングゲームです。ステージを進んで、敵を撃って倒して行くゲームです。
ゲームシステムは
- 体力は無制限
- 弾も無制限・リロードなし
- クリア後にスコアが出る
となっています。なので、ゲームがあまり上手くない、VRが初めてという方でも不自由なくプレイ出来ます！
敵はある程度近づいてきたら炎を出して攻撃してきます！
攻撃を防ぐためには
- 撃つ前に倒す
- 炎を撃って消す
- 避ける
と三通りあります。これらを組み合わせることでうまくダメージを受けずに進むことが出来ます。個人的な感想として、敵が結構恐くて目の前まで来るようでしたら途中でギブアップでした….
感想
私が印象に残っていることは
- 歩く
- ゲームバランス
- スタッフの方々
です。
歩く
VR空間を歩く体験はとても新鮮でした。ゲーム内ではかなり高い場所が多く、そこを歩くだけで緊張します。 また、ゲームでは細い橋を渡るシーンがあります。歩いてみるとなんと、実際に橋を渡っている感覚になりました！ プレイしてるときは慎重に慎重に歩きました。しかし、終わって後ろを振り返るとただ、細い板の上を歩いただけでした。 こんな簡単なことで感覚はすごい変わると実感しました！
ゲームバランス
ゲーム概要で説明した通り、プレイする上でプレイヤーはかなり自由です。体力、弾数に制限がないのでストレスがないです。 また、敵も数は多いですが攻撃を防ぐ方法が1つではないので好きなやり方でプレイできます。体力、弾数、プレイスタイルに制限はないものの、最後に 自分のプレイを評価してくれるのでやりがいがあります。ゲームの得意不得意、VRに慣れてる慣れていないに関わらず、楽しくプレイ出来ます！
スタッフの方々
私自身、このような場所でプレイするのは初めてだったので少しオドオドしてしまいました。しかし、スタッフの方が丁寧に教えてくれました。 とても面白かったの上官です！上官がプレイの仕方、注意を教えてくれたのですがセリフが面白い！！笑うと怒られます(笑) また、戦場(VR空間)に行く際も女性のスタッフが敬礼で見送ってくれました！このスタッフの方々の演出がとても楽しく、セリフ一つ一つが ゲームとマッチしていました。
最後に
このVRコンテンツをプレイして、私たちに出来ること、そして学ぶべき箇所がたくさんありました。やはりコンテンツを作る者たちとして、 最高の感動をプレイヤーに与えることが一番の喜びです。そして、その感動を与える方法がたくさん盛り込まれたコンテンツだと感じました。
これからVR部は学際に向けてコンテンツを完成させて行きますが、この体験で得たものを詰め込んでいきたいです。
p.s VR部の一員として頑張ってプレイしてSランクを獲得することが出来ました！
IVRC見学報告
こんにちは、会津大VR部1年の森口です。Kチーム所属で活動をしています。ブログを書くのは初めてなので何かと読みづらい点あるかと思いますがご了承お願いします。
今日は9/14から9/16の3日間筑波大学のエンパワースタジオで行われていたIVRC(国際学生対抗バーチャルリアリティコンテスト)に昨日、私含むKチームのメンバー4人で見学に行ってまいりましたのでその報告をしていきたいと思います。またこのIVRCは同期間同じ会場で行われていたJAPAN VR EXPO 2017のカテゴリの一つとしてあり、IVRCの他に企業の方々が作成した作品や様々な賞を獲得したような最先端のVRコンテンツが展示されていました。そちらの作品も素晴らしいものばかりでしたので後々そちらの報告もしていきたいと思います。
IVRCには全部で25個の作品が展示されていました。時間の都合上すべての作品を体験することはできませんでしたがどの作品も大変クオリティが高く圧倒されてしまいました。私の所属するKチームはこれに参加することを目的として現在研究開発を進めているのでとても良い刺激になりました。中でも私が面白いと感じた作品は東北大学大学院のチームが出展していた「Shall we コーヒーカップ？」という作品で、Unityのキャラクター「Unityちゃん」とコーヒーカップに乗っている体験があできる作品でした。装置は動く座席の前にコーヒーカップにあるような回転する円盤がありそれを回転することで映像内でも回転するというものでした。この作品でとても興味をひかれた部分が遠心力の再現方法でした。チームの方からの説明によると遠心力は地面に向かって平行に作用し、重力は垂直に作用します。するとその合力は斜めにかかることがわかります。その合力を座席を傾けることで重力を用いて再現し遠心力を感じさせているとのことでした。実際に体験してみると自分は水平に座っていて回転に応じた遠心力がかかるのを感じることができました。私たちのチームでも遠心力とは違いますが引っ張られる力というものを感じさせる機構というものが開発する予定でいます。その開発のヒントにもなりとても参考になる良い作品でした。
↓体験風景
このほかにも足の動作を手で行う作品や、自分の顔をよじ登る作品などどれも面白い作品ばかりでした。私たちも今回体験した作品に見劣りしないような良いものを開発していきたいと思います。
IVRCの他に展示されていた作品では2015年のIVRCや2016年のニコニコ超会議など様々な場所で展示されている失禁研究会の「失禁体験装置」がとても印象に残っていて、とても再現度が高くて驚きました。その他にもMX4Dの座席を使用した「ウルトラ逆バンジー」などさらにハイクオリティで規模も段違いな作品がおおく展示されていて驚きの連続でした。
私が今回の体験を通じて感じたことは大きく分けて二つあり
外部からの刺激をHMDの映像と違和感なくかつ現実的に感じさせるにはどうすればよいか
電子工作などハードウェア的な制御の勉強が必要
ということです。 外部からの刺激によりHMDのみでは感じることができない体験をすることができます。しかしその刺激によって違和感を感じたりしてしまっては意味がありません。どのような方法で刺激を与えることで違和感をなくし現実の感覚に近づけられるのかということについて研究が必要であると感じました。また、その刺激を与える装置の制御はパソコンだけではなく基盤を用いた多くの素子による制御となってきます。そちらの分野についても勉強をしていかなければならないと感じました。
IVRC2017 http://ivrc.net/2017/
JAPAN VR EXPO 2017 http://emp.tsukuba.ac.jp/japanvrexpo2017/
