【Unity】アニメ風の演出効果をShader Graphで実現する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事では、手書きアニメでよく見られる画面に一瞬激しい効果がかかる演出風の演出をUnityで実装するための方法を解説します。 実際に動かしてみた動画 ↓ 環境 Unity 2022.3.12f1 Universal Render Pipeline 14.0.9 ShaderGraph 14.0.9 方針 Universal Render Pipeline(以降URP）でのポストエフェクトの実装方法は様々ありますが、今回はおそらく現状最もカジュアルに実装可能である FullscreenPassRendererFeature を
【Unity】_CameraOpaqueTexture(SceneColor)で半透明を描画できるようにして半透明オブジェクトを含めた背景を歪ませる - 武0武/blog
はじめに 今回はURPで_CameraOpaqueTexture(SceneColor)で半透明を描画出来るようにしていきたいと思います 環境は Unity 2020.3.25f1(2019.4でも出来ることは確認しました) Universal Render Pipeline(テンプレートのプロジェクトです) 前準備 CameraOpaqueTextureにチェックを入れてCameraOpaqueTextureを使用できる状態にします 追記 2022.2では_CameraOpaqueTexture項目はなくなっています。代わりにScene Color Node を使用してシェーダーを作成してください _CameraOpaqueTextureが半透明を描画できるのを確認できるように歪みシェーダーを用意します この記事の内容が知りたい人はおそらく歪みシェーダーの作成方法は知っているはずなので詳
UnityのShaderGraphでPBRシェーダーを作ってみる - Qiita
以前からUnityのShaderGraphをもっと使いこなせるようになりたいという事と、もう少し物理ベースシェーダーに詳しくなりたいという思いがあり、ならば既に存在するPBRシェーダーをShaderGraphで再現してみれば勉強になるのでは？と考えました。英語のドキュメントを翻訳すると大体内容が理解できるという事に近い発想です。 今回は最も仕組みがシンプルだと思われる、LightweightRenderPipeline/Litを再現してみました。 まずは結果から 長い記事になりますので、最初に結果からお見せします。 左がオリジナルのLWRP/Lit、右がShaderGraphで再現したものです。MetallicとSmoothnessの変化にも対応できました。いろいろと制約はあるものの、そこそこ忠実に作れたのではないかと思います。 オリジナルとの大きな違いとして、現在ShaderGraphで
【Unity】初めて『シェーダーグラフ』でシェーダーを学んでみる 実践編.炎① - 最強のエフェクトデザイナーになるブログ
こんにちは。 シェーダーを一度も触った事のないデザイナーが、Unityの「シェーダーグラフ」を使ってシェーダーを学んでみるシリーズ。 この実践編は、僕が作ったシェーダーをゼロから完成まで、実際にノードを組み立てながら、どのように作っているかを思考の流れと合わせて解説していきます。 シェーダー学習初という事もあり、たくさんの方のブログを拝見し、勉強させていただきました。 このシリーズには僕が参考にさせていただいたブログのリンクを貼らせていただいておりますので、そちらも併せて読んでいただくとより一層理解が深まるかと思います。 （※これ何だろう？？というノードやワードがあれば、サイドメニューからブログ内検索をオススメします。詳細が書かれていない箇所は、過去記事で詳しく説明している可能性があります。） 今回は「実践編.炎①」という事で、上の画像のトゥーン調の炎がどのように作られているかを解説します
【Unity】Shader Graphでよく使うノード・組み合わせの定石まとめ
などの基本テクニックをご紹介するという内容です。 私は執筆時点で30種類以上のシェーダーを自作し、BOOTHで販売してご好評をいただいているのですが、Shader Graphでシェーダーをたくさん作る中で このノードはよく使うなぁ こういうノードの組み合わせはすごく使えるぞ といったコツがかなり分かってきました。そしてShader Graphに関してはまだまだ日本語の情報が少ないので、そろそろこの辺で記事を書いてそういったコツをまとめておこうと思ったんですよ。 そこでここではよく使うノードや、知っていると便利なノードの組み合わせをご紹介していきますね。 絶対知っておいてほしい、Shader Graphの超便利ノード7種類 では、まずは個人的にめちゃくちゃ便利だなと思っているノードを7種類ご紹介します。 Fresnel Effectノード Stepノード Voronoiノード Rectang
The Book of Shaders
Patricio Gonzalez Vivo、Jen Lowe著 この本はフラグメントシェーダーについてのガイドブックです。難解で複雑なフラグメントシェーダーの世界を、一歩一歩わかりやすくご案内します。 翻訳について この文書はPatricio Gonzalez VivoのThe Book of Shaderの日本語訳です。 技術的な内容はできる限り正確に伝えるように心がけていますが、その他の部分では言葉を補ったり簡略化したり、表現を変えている部分もあります。英語が得意な方はぜひ原文もお読みください。 フィードバックにはgithubのレポジトリをご利用ください。 目次 イントロダクション 初めの一歩 シェーダーとは？ ハロー・ワールド！ ユニフォーム変数 シェーダーを使う アルゴリズムで絵を描く シェイピング関数 色について 形について 二次元行列 パターン Generative desi
【TechBuzz】第9回cocos2d-x勉強会「シェーダ書いてますか？」
シェーダーを活用した3Dライブ演出のアップデート ～『ラブライブ！スクールアイドルフェスティバル ALL STARS』（スクスタ）の開発事例～ This document discusses updates to 3D live performance rendering in Love Live! School Idol Festival All Stars (SIFAS) using shaders. It describes how vertex shaders were used to animate butterfly wings flapping and fans waving to reduce CPU load while maintaining production efficiency. Particle systems were combined with cust
Quibli - 日本アニメ風表現を実現できるUnity向けシェーダー＆ジェネレーターアセット！
3Dモデリング ソフト ソフトウェア＆ツール-Software&Tool Plasticity 2024.2 - xNURBS Square！新たな変形機... 2024-09-06 2024年9月5日、アーティスト向けCADのアップデート「Plasticity 2024.2」がリリースされました！ 続きを読む 3Dモデリング ソフト ソフトウェア＆ツール-Software&Tool Metasequoia 4 Ver4.9.0 - 定番3Dモデリングソフト「メタ... 2024-09-05 2024年9月5日、株式会社テトラフェイスによる3Dモデリングソフトウェアの最新バージョン「Metasequoia 4 Ver4.9.0」がリリースされました！コレと同時にStandard相当の機能の無償化（実質Standard版終了）と拡張機能を搭載したEX版の価格が改定されました！ 続きを読む B
【Unity】Shader Graphでインテリアマッピング
ツイッターのタイムラインでなんかスパイダーマンのゲームがすごそうだと話題になってるなーと眺めている中で、大前さんのツイート スパイダーマンの建物の中、どうやってレンダリングされてるか興味ある？→ Interior Mapping テクニック解説！Unityのサンプルも載ってる｜Shader Showcase Saturday #9: Interior Mapping https://t.co/BBCuhNRf2f via @AlanZucconi — h.omae (@pigeon6) September 11, 2018 でインテリアマッピングというのを初めて知った。 面白そうなので試してみた。 先に結果画面リポジトリ：https://github.com/tyfkda/InteriorMapping ビルは単なる立方体をスケールした６面の箱で、シェーダーで内部に部屋があるように見せかけ
インテリアマッピング(interior mapping)～その１～ - コポうぇぶろぐ
はじめに 本記事は Unity Advent Calendar 2018 の 11日目 の記事です。 前日の記事は もんりぃ先生さん の「ごっこランドを支える技術 〜ビルド編〜」でした！ qiita.com 本記事では、インテリアマッピングの実装について簡単にまとめてみました。 最近発売されたPS4の「Marvel's Spider-Man」でちょっと話題になっていたので、 気になって調べてみました。本記事はその備忘録のようなものになります。 目次 はじめに 目次 インテリアマッピング（Interior Mapping） 実装 無限平面 無限平面までの距離計算 無限平面を交差 無限平面の表裏 階層 テクスチャを貼る ランダム オブジェクトを置く おまけ（視差マップ） おまけ（視差遮蔽マップ） まとめ 別の手法 参考資料 明日 インテリアマッピング（Interior Mapping） インテ
『Readyyy!』でのLive2D活用事例 - SEGA TECH Blog
2019年6月末でサービスを終了した『Readyyy!』。その『Readyyy!』にテクニカルアーティストとして参加していましたセガゲームスの宮下です。『Readyyy!』をプレイしてくださった皆様、本当にありがとうございました。 また、社内はもちろん、大勢の社外の方々のお力添えでリリースした『Readyyy!』でしたが、アプリのサービスを早々に終了させる結果になってしまったこと、誠に申し訳ありませんでした。スタッフ一同一丸となって取り組みましたが、力及びませんでした。 そんな中『Readyyy!』をプレイしていただき、サービス終了を惜しんでくださる皆様からは、厳しいご意見をはじめ、心温まるお手紙、想いの詰まった色紙などをいただきました。皆様のお声は開発チームまでちゃんと届いており、スタッフ一同ありがたく読ませていただいております。そして、そのような𠮟咤激励のお声にどう応えていくのか、日
【Unity】PhotoshopのグラデーションマップをUnity上で再現してみる - rn.log
Photoshopには「グラデーションマップ」という機能が標準で用意されています。 一言で説明すると、画像の色を別の色に置き換えるというエフェクトをかけることができます。 今回はこのグラデーションマップをUnity上で再現してみたいな、という好奇心からグラデーションマップをUnity上で再現してみたのでそのご紹介。 環境 グラデーションテクスチャを用意して色を置き換えてみる STEP1. テクスチャの用意 STEP2. シェーダーを書く STEP3. 動かす グラデーションテクスチャを動的に作成する グラデーションマップを実現するスクリプト 動かす シェーダーについて 環境 Windows 10 Unity5.6.1f1 グラデーションテクスチャを用意して色を置き換えてみる 元画像の各ピクセルのRGB値をインデックスとして、グラデーション用のテクスチャをから色をとってくれば グラデーション
地味にヤバい、シェーダ変数の精度について - KAYAC Engineers' Blog
画面写真をクリックするとサンプルのWebGLビルドに飛びます。 こんにちは。技術部平山です。 今日はシェーダでの精度指定について、地味なお話をいたします。 詳しいことに興味がなければ、 非常に簡潔にまとめられた記事 をLIGHT11さんが書いてらっしゃいますので、それを読めば足ります。 なお、この記事の結論を一言で言えば、「UVと位置にhalfを使うな」 です。 速度や電力も大事ですが、下手に攻めてバグる方が問題です。 サンプルのソースコードはgithubに置いてありますが、 今回に関してはサンプルを動かしていただけば十分かなと思います。 より詳細を知りたい方はご覧ください。 冒頭の写真について 冒頭の写真は、仮にシェーダでの浮動小数点数の精度が低かったらどんなことが起こるか? をシミュレートしたものです。 絵の左下がテクスチャ座標(UV)が(0,0)で、右上がだいたい(5,5)です。 右
魔法使いになりたい人のためのシェーダーライブコーディング入門 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? とりあえずこの映像を見てください。 昨日の勉強会の懇親会中に20分間のライブコーディングでシェーダーを作りました！ 初めて人前でコーディングをしたんですが、めちゃくちゃ楽しかったです！！ （当日動かなかったpmod修正済です...） 差分 - q.x = abs(p.x ) - 10.; + q.x = abs(q.x ) - 10.;https://t.co/LH3TT4YzSU#klab_meetup pic.twitter.com/k61c3O2ZA1 — かねた (@kanetaaaaa) 2019年6月19日 20分間のライブ
【Unity】シェーダのチートシート「UnityShaderCheatsheet」紹介 - コガネブログ
はじめに 「UnityShaderCheatsheet」はシェーダのチートシートです チートシート（引用）
【Unite Tokyo 2018】新機能Shader Graphを使えばプログラミング無しにシェーダーが作れるようになります！の複写【随時更新】 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2017年5月7日（月）・7日（火）・9日（水）に行われた Unite 2018 新機能Shader Graphを使えばプログラミング無しにシェーダーが作れるようになります！ 講演の資料が動画しかなかったので複写する感じの記事になっています タイムライン付き ShaderGraphとは Unity 2018から使える新しいシェーダーの仕組み いわゆるノードベースのシェーダーエディター ノードとはグラフ上でボックスを配置し線で繋げて マテリアのデザインをする リムライトの例 ライティングのエフェクトを強化する為にも使えます 簡単
[Unity] カスタムシェーダーでTextMeshProに独創的な演出を加える - Qiita
これはUnity #2 Advent Calendar 2018の19日目の記事です。 はじめに 上の映像は、Tokyo Demo Fest 2018 PC Demoの優勝作品『WORMHOLE』のオープニング部分です。 タイトルの文字をパラパラと出現させたり消失させたりする演出は、TextMeshProとカスタムシェーダーを組み合わせて実装しました。 この記事では3つの演出例を通して、TextMeshProの文字描画に独創的な演出を加えるためのカスタムシェーダーの実装方法を紹介します。 なお、実装環境は次の通りです。 Unity 2018.2.17f1 TextMeshPro 1.2.4 TextMeshPro TextMeshProは、SDF（Signed Distance Field, 文字の輪郭までの距離を画素値にした画像）をつかって高品質にフォントをレンダリングできるアセットです
![[Unity] カスタムシェーダーでTextMeshProに独創的な演出を加える - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/adf0bec3a249eb365d4792c7fe1418c8826414d0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlMjAlRTMlODIlQUIlRTMlODIlQjklRTMlODIlQkYlRTMlODMlQTAlRTMlODIlQjclRTMlODIlQTclRTMlODMlQkMlRTMlODMlODAlRTMlODMlQkMlRTMlODElQTdUZXh0TWVzaFBybyVFMyU4MSVBQiVFNyU4QiVBQyVFNSU4OSVCNSVFNyU5QSU4NCVFMyU4MSVBQSVFNiVCQyU5NCVFNSU4NyVCQSVFMyU4MiU5MiVFNSU4QSVBMCVFMyU4MSU4OCVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MTg2MTEzYjNhMWQwODU1NjlkZjc0NDQ0NzMzODQ4ZmI%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBnYW0wMDIyJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04ZTFjM2MyMjY5NzU3YWJjZjljMTkyMjVlMTg2ZDhkOQ%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4gS0xhYiDmoKrlvI_kvJrnpL4%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3D824d5276d9500c7a26bd61d4ee5b7600)
シェーダー芸人になりたかった6か月前の自分に教えてあげたいリンク集 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は、KLab Engineer Advent Calendar 2018 10日目の記事です。 はじめに 今月頭の12/1から12/2にかけて、日本で唯一のデモパーティであるTokyo Demo Fest 2018が開催されました。 デモパーティをご存じではない方のために、公式サイトから引用します。 デモパーティは、コンピュータを用いたプログラミングとアートに 興味のある人々が日本中、世界中から一堂に会し、 デモ作品のコンペティション(コンポ)やセミナーなどを行います。 また、イベント開催中は集まった様々な人たちとの交流が深めら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ShaderForge] よく使いそうな繋ぎ方備忘録[ShaderGraph]
【Unity】ShaderGraph で炎、ホログラム、トゥーンのシェーダを作ったサンプル「unity-shadergraph-sandbox」紹介 - コガネブログ
