お題「積む」「紫のRamと緑のStiのつみ音」でやったこと

[Unity 1週間ゲームジャム / お題「積む」](https://unityroom.com/unity1weeks/4)
に参加しました。

# 作ったもの

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/f40e16bb-2527-e57b-67bb-42cfde0277ab.png)

![color変更3.gif](https://qiita-image-store.s3.amazonaws.com/0/96808/92c50a80-b47f-51cf-fd8a-703461edc043.gif)



ゲームはこちら➡︎[「紫のRamと緑のStiのつみ音」](https://unityroom.com/games/ramtostitsumine)

- キラキラとひかる
- １６ステップシーケンサーのような
- 音ゲー

## テーマ「積む」
- テーマ発表が月曜の0:00
音を「積む」というゲームを作りたいと思いつつ放置（平日は時間とれない・・・）
- 木曜日に神楽坂でTR-8やモジュラーシンセを使っていたライブをみて、いいなぁと思う。
- 土曜日にUnityを立ち上げて、作り始める。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/53bcd712-de4f-4566-df78-98cdbfbfb13e.png)

- 日曜日にゲームとして、目的地へ行かせる。という形にしてみた。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/fcac69bf-548d-c909-0847-2a7eb8ffad55.png)




https://twitter.com/tatmos/status/878588307625590784




## 光らせる
LEDが光っているみたいにしたかったので
PostprocessのBloomとか使っています
https://www.assetstore.unity3d.com/jp/#!/content/83912

マテリアルのエミッションを上げれば光る！
![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/30ecc6e9-6168-546b-8715-b379411557ab.png)


## ブラーのような表現
![color変更2-compressor.gif](https://qiita-image-store.s3.amazonaws.com/0/96808/44c46641-f178-7135-a65a-cccd5ce96abe.gif)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/dda79769-feb1-4f21-a7ac-e392fb56ac08.png)

iTunesとかのビジュアライザーにあるような、いわゆるミルクドロップエフェクト
https://en.wikipedia.org/wiki/MilkDrop

この燃えるような表現


これをしたかったので、
以前Qiitaに書いた記事
[Unity]GLSLをiPadProで表示する備忘録http://qiita.com/tatmos/items/7bfc2f4e46207d4bfc8a

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/c445c4b7-34ae-12e0-f78c-0e90153579d3.png)

カメラにカメラの映った絵が再帰的に表示されるような配置にして、

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/6f8bd246-d61f-fe4e-0391-8bbba82cfe48.png)

右側の近いカメラで、とった絵を、Quadに表示して
左側のカメラで全体を写すみたいな感じ。¸
![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/b8088b67-3c0d-9330-ccd3-0b5421eb80b9.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/378085f8-cbaa-559b-b01f-e591596ee676.png)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/06ffeff3-3278-b66c-1e34-3f86f66871a4.png)




こうすると、色が広がっていくような感じになる場所があって位置をうまく調整しています。
それぞれのカメラにポストエフェクトをかけると、色が破綻して、それも面白い効果になったりします。
https://twitter.com/tatmos/status/883345089677770752

## ミュージックエンジンを使う
いつもお世話になっているMusic.cs
github https://github.com/geekdrums/MusicEngine

これを使うと音に同期した演出がとっても楽に作れる。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/c195c60b-9390-2f68-bc41-06c9e32fff17.png)

ちょっと改良して、
PlayScheduled対応してみたりとかしてます。
https://docs.unity3d.com/jp/540/ScriptReference/AudioSource.PlayScheduled.html

## いろいろつぶやく
![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/de34aa9e-c74d-1c35-83c3-f3dd22e2afc5.png)

チュートリアルでテキスト表示をしているのですが、

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/1312023a-3684-d9e1-5c7f-c48690fe86de.png)

これもMusic.csのセクション番号を使って切り替えています。
セクションインデックス＝レベル番号となっています。

説明が次々と変わっていく感じになりました。
（後半は無駄なつぶやきをしている・・・これは、[i蓮根Lite](https://itunes.apple.com/jp/app/i%E8%93%AE%E6%A0%B9lite/id318809999?mt=8)と同じようなシステム）

音声を用意すれば、簡単な実況的なものも作れそうかなとも思ったり。

# 反省点＆もっとやってみたいこと
-ちょっと操作難しいかな
- もっと遊んでもらうにはどうしたらよいだろうか？
やっぱり、ランキングとかつけたり、Twitter連携とかあるといいのかな。

以上

# おまけ
## ゴールっぽいエフェクトのもの
![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/20959f9c-3917-98fd-3fb7-ed47eb40fb47.png)
モデルはShadeでFBX出力、
![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/ccb2804a-2392-928a-c6da-b497812b1c58.png)
214 ModelingPack II 9.0.6.app
というshadeのプラグインで星型の多面体が簡単に作れます。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/a9e7a588-edfb-07a7-9bac-73b3e486e4e2.png)

## まわりのパーティクル
Particle Ribbon
https://www.assetstore.unity3d.com/jp/#!/content/42866
というアセット　綺麗なパーティクルがいろいろあります。

## RamとStiって何？
2時間ゲームジャムで作った対戦ゲームから来ています。
ゲームはこちら➡︎[「らむとすてぃ」　](https://unityroom.com/games/ramtosti)

![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/91a71e53-36c6-e515-b1a9-9da48f77ba98.png)

## 音楽
![image.png](https://qiita-image-store.s3.amazonaws.com/0/96808/857bf3c4-c0b1-df88-9dfb-47846a9b9758.png)
Logicで、Magical8bitとKorgGadgetのKamataとTokyoが使われています。