今回はUnityのUIのテキストを動かしてみます。 テキストを動かす テキストを動かす テキストを揺らす テキストの大きさを変える テキストを動かすの基本 テキストを動かす UnityのUIシステムであるuGUIですが、実はテキストを表現するためのポリゴン…頂点を…

今回はUIを円形に配置する方法について紹介します。 UI要素を円形に並べる 色々と試作してみる この「回転するUIの名前」 関連 UI要素を円形に並べる せっかくなので、ILayoutGroupを使用して円形に配置するレイアウトグループを作ってみます。ILayoutGroup…

文字を表示する際、テキストを一括で表示させるのではなく、アニメーションさせながら・フェードしながら表現したいといった希望がある事があります。 今回はその辺りをやってくれるアセットの紹介です。*1 Typeface Animator とは 割と簡単に使える 関連 Ty…

今回はUnity 5.4（オープンベータ中）の新しい新しい機能LightprobeProxyVolumeについて、少し分かりにくいなと思ったので色々と確認を兼ねてメモします。 間接光（GI）と動的なオブジェクトとLightprobe Lightprobeと大きなメッシュ LightprobeProxyVolume …

ふと重いて星空を作ってみんとす 機能試しに作ってみた星空です本当にありがとうございました。 作り方 空を暗くする 星空を作るためにパーティクルを作る パーティクルが半球ドーム状に作られるようにする 星空の星の数を決める 関連 作り方 今回使うパーテ…

マテリアルデザインをUnityで再現するMaterialUIについてです。上のGif画像のような感じの操作を再現する事が出来ます。 MateialUI マテリアルデザインとは何ぞや？ 関連 MateialUI MaterialUIはマテリアルデザインをUnityのUIで楽に使うためのアセットです…

要するにuGUIにノーマルマップを適応してみた所、少し面白い感じになったので紹介します。ドット絵のようなものは、もう少しマトモなノーマルマップを適応するともう少し綺麗になるかも。 ノーマルマップ 3Dモデルでモデルを立体に見せる手法の一つにノーマ…

今回はカメラワークについてメモします。内容は3Dゲームをおもしろくする技術を参考にしつつメモして行きます。内容に誤りがあるかもしれないので、ツッコミ大歓迎です。模写ではなく面白そうな部分を抽出してUnityで再現してるだけなので、詳しく知りたい人…

ふと思いつきて雨などをつくってみんとす。 作ってみる まずパーティクルを作成し、下を向けます。雪完成。 初期値だとコーン状に放射なので、Shape（出現範囲）をBox（箱）状に変更し、平べったくします。広い範囲に雪が降ります。 雨は細長いものなので、R…

今回は特定のモデルにのみImageEffectがかからないようにするアプローチについてです。例えば上のように、他のユニティちゃんはGrayscaleがかかっているのに特定のモデルにはGrayscaleがかからない…といった表現に使えます。 なおForwardレンダリングのみ動…

ステンシルバッファをUnityで利用した表現で、面白かった2D的な表現について書いてみようと思います。 ステンシルバッファとは？ ステンシルバッファで色々と試す 壁の向こうにいるキャラクターのシルエットを表現 ２Dマスク ImageEffectがかからないスプラ…

二つのカメラをクロスフェードして切り替えます。 概要 カメラのフェード実装方法 フェード実装時の注意点 絵が上下反転する ScreenOverlayで代用 uGUIとの連携 参考 概要 やり方はなんてことは無い、ImageEffectとRenderTextureの合わせ技です。もう一つの…

以前に紹介した「場面転換」をよりスムーズな感じで行う処理ですが、uGUIに対応させるついでにUI単位で削除出来るようにしました。 UnityでuGUIのトランジション。パターンはマスク画像（白黒画像）を使用。トランジションするUIの下にあるUIも一緒に消える …

目次 目次 シェーダーの用意 シェーダーのカスタマイズの準備 シェーダーの改造（色を変える） パラメータをシェーダーの外から設定する その他 関連 シェーダーの用意 まずはuGUI用のシェーダーを用意します。 UnityのビルトインシェーダーはUnityのダウン…

StandardAssetsのパーティクルの中身について、少し確認してみました。で、幾つか気になった物を紹介します。 ちなみにStandardAssetsのパーティクルは、メニュー>Assets>Import Package>Particle Systemでインポートします。 パーティクル自体はAssets/Stan…

ARを試す際、カメラの映す背景を使いたいけど影も表示したい…そんな場合があります。というか、近々これが必要になりそうな気がするので作りました。 ついでに地面の奥、つまり影を描画している地形の下にあるモデルが見えてしまわないようにしました。 やっ…

影とモデルで異なるアニメーションを行わせる方法について紹介します。 この影とモデルが異なるアニメーションを行うギミックは単純です。「影を描画するだけのモデル」と「影を描画しないモデル」の二つを用意し、各々に異なるアニメーションさせれば良い訳…

モデルを用意するとき、目や体の一部のパーツを光らせたい事があります。例えばロボの目は光っているべきですし、ロボっ娘の回りには無駄に光るパーツが付いてたり浮いてたりします。 それが別パーツであればEmissionをとりあえず上げてれば良いのですが、別…

今回はよりアニメ寄りというか、正しくないが見た目の良い透明の表現について色々とやっていきます。 前回のエントリー（単純に透明マテリアルを設定する方法）はこちら。 tsubakit1.hateblo.jp 目次 目次 透明なオブジェクト Depthバッファへの書き込み Dep…

モデルよりUIやスプライトの方を手前に配置したい時があります。例えば、ダメージエフェクトであったり、その他諸々であったり。 これを実現するもっともシンプルな方法は、カメラをもう一台用意して追記する事です。Layerを分ける必要が出ますが、後から追…

テッセレーションは、ポリゴンをより細かく分割する方法…だそうです。この機能を利用することで、4頂点の板ポリに凹凸を追加したり、ローポリで作成したメッシュを少しスムーズに設定することができます。 Tessellationを使用して板ポリに凹凸を表現してみま…

今回は所謂「光りもの」の作り方について紹介します。Unity 4まではProでないと使用できなかったせいで光りものを使っている人が少なかったのですが、Unity 5 (personal）になりその辺りが自由に使えるようになったので、どんどん使っていきたい所です（但し…

kode80SSRは、Unity5上でスクリーンスペースリフレクションを行うオープンソースのアセットです。 kode80 - Screen Space Reflections in Unity 5 www.youtube.com SSRは一度レンダリングした結果を元に反射を描画する方法です。描画結果を再利用するので、…

昨日書いたMusicEngineについて、もっと色々と触ってみました。やはり音楽に合わせてキャラクターや物を動かすというのは中毒性高いですね。 geekdrums/MusicEnginegithub.com できる事 こんな感じのことが出来るみたいです。 「今何小節目の何拍目のどこ?…

何故か唐突にフレアがマイブーム pic.twitter.com/fnYL0v8iJa — 椿 (@tsubaki_t1) 2015, 4月 22 唐突に何故かフレアがマイブームになりました。 実際は唐突と言うか、リパブリックでフレアを使いまくっていたためなのですが、実際使ってみたところ、案外面白…

Uni2Dの使い方について、以前書いた記事が古かったので新しくします。他にも興味のあるアセットがあれば、教えてくれると嬉しいです。 http://u3d.as/content/bento-studio/uni2d/37H スプライト（2D絵）をシーンに配置する メニューバー > Uni2D > Sprite E…

要するにUnity5で画面を真っ暗にする方法です。 Unity5はAmbielt Lightの設定が空の色で設定されるため、輝度を0にしても真っ暗にする事はできません。そのため、幾つかのトリックを用いて暗黒世界を呼び寄せます。 太陽を沈め、世界を暗黒に染めよ とりあえ…

iOSのUIを真似る事は昔からよくありました。例えば何故かiOSのヘッダーやフッダーを真似て作成されているWebサイトや(iphoneのsafariで見ると二重にヘッダーが表示される）、AndroidなのにiOSそっくりなUIを持ったアプリ等々。 確かに「UIの統一感」は一昔前…

新しい記事 tsubakit1.hateblo.jp 前回 Unity5 で画面を綺麗にするライティングに挑戦してみるメモ で大雑把なライティングについてのメモを書きました。 今回は屋内でのライティングについて色々試しました。 目次 目次 屋内のライティング Reflection Prob…

Unity5で物理演算のパフォーマンスが上がったそうなので、Cubeを破壊する奴を作成してみました。赤い玉を白い塔にぶつけて粉砕しているイメージです。 塔を破壊するために行った操作 これは非常に単純な仕組みで実現しています。要するに、CUBEを用意してお…