進捗～その6　浮きながら明暗を繰り返すクリスタル～

皆さんこんにちは。ぐっちーでございます。
久々の進捗報告になっております。件の自作ゲーの防衛対象を作りましたのでそちらの紹介と、どんな風に作ったかを簡単に紹介していこうと思います。

目次

どんなの作ったのさ

上の動画の感じでふよふよ浮きながら光ってるクリスタルを作りました。
こいつをこのゲームの防衛対象にしていこうと思います。

制作手順

クリスタルのモデル作成

とりあえずクリスタルを光らせたりするのにはベースとなるモデルが必要です。
Blenderでサクッとこんな感じのモデルを作ってFBXでエクスポートしてUnityに持っていきます。
ここで皆さんお気づきかとは思いますがモデル作成の段階ではマテリアルは一切いじっておりません。(クリスタルの形を作っただけ)
Shaderなるものを使って透明にしたり光らせたりしていきます。

クリスタル用のシェーダー＆マテリアルの作成

先ほどもお伝えした通りクリスタルのモデルはまだグレーっぽい色のままなのでもっとクリスタルっぽくしてゆきます。
まずはUnityのProjectビューで右クリックをしてShaderファイルの作成をします。今回はCrystalSurfと名前を付けました。
Shaderの作成
次に今作成したShaderファイルを右クリックしてマテリアルを作成します。作成したマテリアルはシーンに配置したクリスタルにつけておきましょう。
そしたら本題のクリスタルの見た目をいじっていきます。参考にさせていただいたサイト様のリンクは以下になります。

SurfaceShaderを利用した発光シェーダ - WonderPlanet DEVELOPER BLOG

今回のエンジニアブログを担当する、廣田です。 今回はUnityのSurfaceShaderを使用して、発光シェーダを作ってみたいと思います。 Unityのシェーダには、 ・Fixed Function Shaders(固定関数シェーダ) ・Surface Shaders(サーフェイスシェーダ) ・Vertex and Fragment Shaders(頂点/フラグメントシェーダ) の３種類があります。(http://docs-jp.unity3d.com/Documentation/Manual/Shaders.html) 今回はライトの計算等をUnityが行ってくれる、SurfaceShad…

WonderPlanet DEVELOPER BLOG

【Unityシェーダ入門】氷のような半透明シェーダを作る - おもちゃラボ

前回はオブジェクトを半透明にするための方法を紹介しました。オブジェクトを半透明にするには次の３点をを設定する必要がありました。 Queue alpha:fade SurfaceOutputStandard nn-hokuson.hatenablog.com今回は前回作った半透明のシェーダに、もうひと工夫加えることで氷のような見た目（ホログラフィック？）の絵にしてみましょう。今回の完成図は下のような感じになります。シェーダでイケメンなドラゴンができた〜 pic.twitter.com/zw0X9FPOUH— 北村愛実 (@tasonco_company) October 6, 2016 氷シェー…

おもちゃラボ

ちなみにおもちゃラボさんはほかにもShaderの書き方や例について初心者でもわかりやすく書いてある記事がたくさんありますので、Shaderの勉強を始めるのにはとても参考になると思います。

7日間でマスターするUnityシェーダ入門 - おもちゃラボ

この記事は、これまでにおもちゃラボで紹介してきたUnityのシェーダ入門記事40本のまとめです。1日に5記事読めば7日間で読み切れるはず...今のところ（笑）シェーダって時々聞くけど難しそう・・・というイメージをお持ちの方も多いと思います。でも、Unityを使えばかなりのメンドウな部分はUnityにおまかせできちゃうので、本当に必要な部分のシェーダを書くだけでイメージ通りの絵作りができるようになります。 使用するシェーダ Unityで使えるシェーダにはsurfaceシェーダと頂点／フラグメントシェーダの2種類があります。ここではこの２つのシェーダの他、ライティング・ポストエフェクトの内容も解説…

おもちゃラボ

私が作成したものは以下になります。
光りましたでしょうか？ここで最初の動画を見返していただくと、「あれ？なんか光の具合が違くね？」と思われる方もいるかもしれません。それは次の項で解説します。

なんかこういい感じにぼわっとした見た目にする

すごいふわふわした見出しですが言葉の通りにします。
ここで使うのはBloomというやつです。Bloomは簡単に言ってしまえば暗い所におけるろうそくの炎のように光ってるものの周りに光があふれ出てる感じを出す効果のことです。
この効果を使うにはUnity公式が出してるアセットの"Post Processing Stack"というものを使います。
Unity５の場合はStandardAssetの中にBloomというのが入っているようですが、私の使ってるUnity2018にはないのでこちらを使います(公式のリファレンスもこちらの説明があります)

Post Processing Stack - Asset Store

Note: version 2.0 of the post-processing stack is currently in development on Github . The new Unity post-processing stack is an über effect that combines a complete set of image effects into a single post-process pipeline. This has a few advantages : - Effects are always configured in the correct order. - It allows combination of many effects into a single pass. - It features an asset-based configuration system for easy preset management. - All effects are grouped together in the UI for a better user experience It comes with the following effects : - Antialiasing (FXAA, Temporal AA) - Ambient Occlusion - Screen Space Reflections - Fog - Depth of Field - Motion Blur - Eye Adaptation - Bloom - Color Grading - User Lut - Chromatic Aberration - Grain - Vignette - Dithering The stack also includes a collection of monitors and debug views to help you set up your effects correctly and debug problems in the output. Please discuss this and other image effect

assetstore.unity.com

Asset StoreからPost Processing Stackをダウンロードしてインポートします。
次にProjectビューで右クリックをしCreate > Post-Processing Profileを選択してPost-Processing Profileを作成します。
Post-Processing Profileの作成
そしたらMainCameraにPost Processing Behaviorというスクリプトをアタッチします(アセットに含まれるスクリプト
次にProfile側の設定ですがこれは単純でProjectビューのAsset内にある作成したProfileを選択すると画像のようなインスペクタが表示されるので、その中のBloomにチェックを入れると効果が適用されます。
Post-Processing Profileの設定

Bloom - Unity マニュアル

ここでは、Post Processing Stack に含まれるデフォルトのエフェクトに関して説明します。

docs.unity3d.com

これでクリスタルの光る見た目が完成になります。

浮いているアニメーションの作成

最後に浮いているアニメーションをクリスタルにつければ完成です。
例のごとくProjectビューで右クリックからCreate>Animationでアニメーションを作成し、クリスタルにアタッチして上下する動きを設定すればOK!

完成！！

最初の動画のようになったでしょうか。Bloomの具合がわかりづらかったらシーン全体を暗めにしてみるといいと思います。

最後に

今日はこんな感じで報告と作り方の紹介みたいな感じでやってみました。まだまだ勉強不足ですが私なりに勉強はしてるので去年よりは技術・知識共についてきてるはずなのでたまにはこうゆうのもいいかと思いましてやってみました。
前々から興味があったShaderについて勉強したんですが、これについて知ったことでできることの幅が広がった気がします。コード自体はまだまだですが色やテクスチャなどを自在に操れるようになりたいなと思います。(もしよろしければアドバイスなどもらえると幸いです)
実は前に作った召喚の機構などがなぜか吹っ飛んでデータが飛んでいたのでただいま復旧と新規機能の開発を同時進行してます。ある程度まとまったところでこちらに進捗を上げたいと思います。
それでは長くなりましたが、今日はこの辺で(｀・ω・´)

ぐっちーの駄弁り部屋

私の作ってる物の進捗報告や紹介などできる場になればと思ってます 「駄弁り部屋」なのでゆるっとしていってくれれば幸いです

0コメント

  • 1000 / 1000