![見出し画像](https://assets.st-note.com/production/uploads/images/140580809/rectangle_large_type_2_71fa8b24c2036f5f8ca4ea66d9358f34.png?width=1200)
【Irisy Aqua】ランダムSEED、その名は音波!
どうも一週間ぶりです。
Otorakoboです。
今回は水面シェーダ…というか境界面シェーダを作り込んでいきます。
紆余曲折あって、インゲームイメージは
![](https://assets.st-note.com/img/1715664406081-hHflDItPnf.png?width=1200)
こんな感じ。
で、現在は
![](https://assets.st-note.com/img/1715664420123-12I7ck1qQc.png?width=1200)
こんな感じ。
差分としては、境界面が曲線じゃなくても良いというか、ギザらせた方が良いというのがアーティストさんの意向。
さらに、音の反響をイメージしたようなサウンドの波形のような動きを付けてくださいとのこと。
なんでも、波は動いているのに境界線が停止しているのが違和感に見えることを解消するのが目的らしいです。
音の波形に関しては、水の中に音を入れた時の反響イメージというのがもともと世界観にあり、そのビジュアル化を取り入れてはというところからアイディアを頂きました。
だもんで、一回そのままジャギらせて動かした画像がこれ
![](https://assets.st-note.com/img/1715664430418-TpMGh9ath7.png?width=1200)
微妙です。
やはりランダム方向にジャギらせても効果は薄いみたいです。
じゃぁ、一回四角形だけで表現して停止絵を見ようかなと作ったのがこれ
![](https://assets.st-note.com/img/1715664440868-uqaCllq1k5.png?width=1200)
意外と悪くないです。
水面をデフォルメした表現とでも言うんですかね?
設定はそのままにしつつ、ゲーム空間はデフォルメ表現というちょっとファミコンというかパックマン感が出てきました。
そのままエッジを埋めて見たのがこれ
![](https://assets.st-note.com/img/1715664450603-eALT2ZkWLw.png?width=1200)
ちょっとうるさくなったような?前回の方が良い感じ
どうも境界線と境界線の間に一定の黒は必要な印象です。
エッジを変形させてみました。
![](https://assets.st-note.com/img/1715664460024-RmVkzbBxof.png?width=1200)
法線方向を取り出し、音の波形を振動するベクトルを計算で出した状態です。
良い感じでディティールが付与されて、しかもどことなくインゲームイメージの境界線のジャギ感がプラスされた気がします。
これに音の波形を載せて見ます。
音の波形は最初ランダムでゆらゆらさせてたんですが、まったくもって微妙な感じで、虫が這ってるような絵になったので却下。
試にBGMを仮で虹ドラからちょっぱってきて、その波形をぶち込んでみました。
そしたら、意外と悪くないというか、良かったです。
完全なランダムよりもある程度規則性がある乱数の方が人間は心地いいのかもしれませんね。
ついでに回復できる場所(Nullのフィールド)表現も泡っぽい膜をポリゴンで動的生成してみました。
![](https://assets.st-note.com/img/1715664490405-E1s7FoteYC.png?width=1200)
こっちは、まだマテリアルが出来てないんで仮仮の仮ですが、雰囲気だけは見えるようになったのかな?と、思います。
色味の調整やらテクスチャ、シェーダのパラメータなどは全部仮なんで、今度はこの辺りを調整できるようにデバッグエディタを作っていこうと思います。
それでは!
この記事が気に入ったらサポートをしてみませんか?