画面の見栄えを良くするテクニックはいろいろありますが、パッと見の印象が大きく変えたい！となったらやっぱり**Bloom**が一番効果が高いイメージがあります。 ↑なんかすごい（小並感） ただ、**「UIを光らせたい」**となったときにCanvasにBloomを反映させるのはけっこう乱暴だと思ってて、現実的じゃないという認識です。 ビジュアルの調整が難しいということもあるんですが、そもそも3Dモデルを映すカメラにはBloom以外にブラーなどのポストエフェクトをかけることもあるだろうから、それを配慮すると 3DカメラとUIカメラのそれぞれでBloomをかけないといけない ということになってしまい、負荷的に超キツい。 ということで、 ポストエフェクト無しでBloomみたいな効果 を出せるか挑戦してみました。 ■おまけ [Unity]uGUIをBloomを使って光らせ、EmissionColorも

この記事はUnity Advent Calender 2019 23日目の記事です。 はじめに VisualEffectGraphのシンプルスォームパーティクルの項目について記事にしました。 以前にUnity VisualEffectGraph -インストール方法-と、Unity VisualEffectGraph -シンプルパーティクル解説-を記事にしているので、初めて触る方はこちらを参考にしていただければと思います。 シンプルスォームパーティクル まずVEGウィンドウ上のコンテキスト類を全て消しましょう。マウス左ドラッグで全選択して右クリック[Delete]ですべて消えます。その後に再度右クリックして[CreateNode]→[System]→[Simple Swarm Particle System]を選択し生成します。(図1) 生成されたコンテキストは図2の様なボックスを持っていま

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はUnity Advent Calender 2019 18日目の記事です。 Unityの新しいエフェクト制作ツールであるVFX Graph、皆さんは活用されていますでしょうか？ 本記事ではVFX Graphを使う上で知っておくと便利な機能、VFX Property Binderの紹介をします。 *Unityのバージョンについては2019.3.0b12を使用しています。バージョンによって単語や操作について相違点がある場合もあるのでご注意ください。 VFX Graph Unityの新しいエフェクトツールです。Compute Sha

この記事は、UE4のアドベントカレンダー用の記事となります 17日のものになります。 qiita.com #UE4#GameSynth#エフェクト トゥーン調のエフェクト練習用の ６属性の魔法エフェクト完成しました～ 効果音も込で作ってます。 pic.twitter.com/VMDcliVw4r — moyasi@マテフォの中の人 (@torisutamoyasi) 2019年11月14日 自身が作ったトゥーン調のエフェクト自体はこのようなものを作りました。 【ベースとなるマテリアル】 大元のベースとなる部分は、このようになっています。 最後にあるFloorは数値の切り下げとなります。 最初に画像同士を乗算し、0～1の数値を出し その次にAddで基本的に0～1の数値を加算（この場合は0.9） ※ここの数値は、インスタンスなどで調整できるようにすると、非常に楽です その後に切り下げをすると、

はじめに この記事はUnreal Engine 4 (UE4) Advent Calendar 2019の17日目の記事です。 色々あってアドカレを書くことになった鶏です。 本記事ではそんな鶏が某有名タイトルのPエンドで発生しているシステム汚染エフェクトを再現しようと頑張った話になります。 マテリアルについては最近勉強し始めたばかりの初心者なので、 もし何かお気づきの点があればコメントか上谷のTwitterに優しくDM等お願いします。 UE4.23.1 で動作確認してます。 やること どーが pic.twitter.com/8H6LEYFHWS — 上谷🍖 (@kamitani_08) December 16, 2019 こんな感じのをやります。※上のTwitterが見れない人は[こちら](https://twitter.com/kamitani_08/status/1206535683

public class ZoomBlurPass : ScriptableRenderPass { static readonly string k_RenderTag = "Render ZoomBlur Effects"; static readonly int MainTexId = Shader.PropertyToID("_MainTex"); static readonly int TempTargetId = Shader.PropertyToID("_TempTargetZoomBlur"); static readonly int FocusPowerId = Shader.PropertyToID("_FocusPower"); static readonly int FocusDetailId = Shader.PropertyToID("_FocusDetail"

本エントリはUnity Advent Calender 2019 その2 12日目のものです。 qiita.com Bloomっていいよね Bloom、良いですよね。結構好きな人は多いのではないかと思います。 わたしはゲーム内空間にそういうのがかかっているだけで若干テンションが上がってしまいます。ちょろすぎる。 UIにBloomをかける？ 3D空間もいいけど、UIとして表示されている文字とか2D絵だってボヤっと光ったら綺麗だよね、と思いながら生活していた所、 2017年、Unityアンバサダー青木ととさん(@lycoris102)より以下の記事が投稿されていました。 [Unity] Post Processing Stackを使ってUI要素にもBloomを適用する qiita.com 良い（しみじみ ただこちら、PPSv1を用いた解説となっています。 PPSv2もBeta取れたしv2でやっ

Unity の新機能 Visual Effect Graph 通称 VFX Graph は、ノードベースのプログラミング環境を備えた高性能な GPU パーティクルエフェクトシステムですが、単にパーティクルエフェクトが凄くなったという以上に、様々な可能性を秘めた激ヤバエフェクトシステムです。この講演では VFX Graph の基礎を解説しつつ、使い込むためのコツや応用的なテクニックについて紹介します。 – VFX Graph の簡単なサンプル集 http://github.com/Unity-Technologies/VisualEffectGraph-Samples – VFX Toolbox (Houdini plugin) http://github.com/Unity-Technologies/VFXToolbox – ベクターフィールドのサンプル https://github.co

こんにちは。 シェーダーを一度も触った事のないデザイナーが、Unityの「シェーダーグラフ」を使ってシェーダーを学んでみるシリーズ。 このページでは、これまで書いてきた同シリーズのブログ記事をまとめています。 これからシェーダーグラフでシェーダーを作れるようになりたいという方は、ここでまとめている記事を順番に読んでいただけると理解しやすいかなと思います。 僕自身、まだ「シェーダーグラフを覚えた！」とは程遠いレベルなので、間違いや分かり難いところがあるかもしれませんが、僕みたいに「シェーダー作った事ないけど作れるようになりたいなー」と思ってるデザイナーの方の学ぶきっかけにでもなれたらうれしいなと思っています。 それでは、いっしょにシェーダーグラフでシェーダーを学んでいきましょう！ ①まず初めに、シェーダーグラフを始めるための準備 ②シェーダーグラフの使い方 ③基礎編 ④応用編 ⑤実践編 ⑥大

ゲーム業界において常に人材不足と言われているゲームエフェクトデザイナーですが、「ゲームエフェクト　初心者」、「ゲームエフェクト　はじめかた」等で検索してもそれらしいページがほとんどヒットしないので、これからゲームエフェクトを始めてみたい人向けにちょっと記事を書いてみることにしました。 どんなツールを使うの？ ゲームエフェクトに使われるツールですが結構いろんな種類があります。 大きく分けて２つあり、 ゲームエンジンに内蔵されている標準のツール と 外部ツール（ミドルウェア） になります。まず、標準のツールだと Unreal Engine であれば「Cascade(カスケード)」か「Niagara（ナイアガラ）」 中国の方がUnrealで制作されたエフェクト？カッコイイ Unityであれば「Shuriken」か「Visual Effect Graph」になります。 Shurikenだけだとこれ

この記事は、AdventCalendar2018の９日目の内容となります。 qiita.com 今回は、Niagaraで汎用性っぽいデータを作って使いまわしやすそうな例を。 このブログでは似たような事は少しはやった事があったので、今回は。 ちゃんと具体的な例で記事を書いていこうと思います。 マテリアル製作から、ナイアガラで完成させるまで書いていく予定です。 UE4のVerは4.21.0です。 今回、私の知識的な理由もあり、動きをVelocityを多様して作っています、ご了承ください。 【作成するもの】 今回は、エフェクトそのものが汎用的で使いやすいものとして、定番ですがHitエフェクトをつくろうと思います。 また、データを使いまわしやすいように作っておき、属性差分を作っていく所まで。 使い回し関係の所は、結構下の方からとなります。 【マテリアル制作】 今回は、汎用的に使いまわしたいので、い

こんばんは、take です。 ue4 advent calendar 2018  6日目に参加させて頂きます☆ 毎度公開遅くてゴメンナサイ； 今回は、「UE4でエフェクト作るときに知っておきたいこと 2018年版」 を書いていきたいと思います。 以前書いたものをベースに初心者むけTIPSを多めに混ぜてみました。 少しでも参考になるところがありましたら幸いです。 この記事は、 ＵＮＩＴＹやＭＡＹＡ、ＢＩＳＨＡＭＯＮでは作ったことあるけど ＵＥ４だとどうやってエフェクト作成するんだろ～とか、 自主制作ゲーム用にエフェクト作りたいけどどっかに記事ないかな～と 思ってる人向けになります。（★難易度　入門～中級者向け） －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ ■目次 ①最初にオススメのページ＆動画 ②基本を覚えたあとにオススメのページ＆スライド ③実際にエフェクト用の

TomLoomanさんのサイトで見た物体の出現エフェクトが凄くカッコ良かったので、見よう見まねで作ってみた。参考元はここ。https://t.co/wL6amyoYXW #UE4 #UE4Study pic.twitter.com/d9twZbAbRB— ほげたつ (@HogeTatu) 2015年12月12日 これの解説記事をすっかり忘れていたので書きます。 アクター位置からの相対距離でマスクをかける AbsoluteWorldPosition から ActorPosition を引くことでアクター位置からの相対距離が求められます。 現在の時間を AppearTimer として設定し、速度の制御をするために AppearSpeed を掛け合わせ、それからアクター位置からの相対距離を引いて OpacityMask に設定することで AppearTimer が大きくなるにつれて徐々に出現する

Select Language 日本語 English 简体中文 繁体中文 Fork me on GitHub Effekseer 日本語 English 简体中文 繁体中文

以前作成したUnity UI（uGUI）で頂点カラーを付けるUIエフェクト（uGUI-Effect-Tool）に だんだん透明になるアルファグラデーション用のコンポーネントを追加しました。 使い方は(Add Component >> UI/Effects/Gradient Alpha)でUIオブジェクトにつけるだけです。 テキストの場合、全体か1文字づつか選べます。 カラーグラデーションの方にも同様のパラメーターを追加しました。 カラーグラデーション、色合成についての以前の記事

ゲームを盛り上げるスパイスとして、ゲームエフェクトは欠かせません。Unityなどのツールが登場したことで、エフェクトの制作環境は向上し、誰でも取り組めるものになりました。今回、翔泳社が刊行した『Unity ゲームエフェクト入門』の著者でありエフェクトアーティストのktk.kumamotoさんに、ゲームエフェクトの要点をうかがいました。 いいエフェクトを見れば、自分でも作りたいと思うようになる ――ktk.kumamotoさんは『Unity ゲームエフェクト入門 Shurikenで作る！ユーザーを引き込む演出手法』でエフェクト作成の基礎を解説されていますが、どういう経緯でエフェクトアーティストになったのでしょうか。 kumamoto：私は昔からゲームがとても好きでした。小学生の頃は『ドラゴンクエストV』に夢中になりすぎて親の話を全然聞かなったので、何度かスーパーファミコンを壊された思い出があ