結婚式のプロフィールムービーを Unity で作ってみた - 凹みTips
はじめに 私事で恐縮ですが、先日、コロナ禍で 2 年半ほど延期していた結婚式をしました。そこでのプロフィールムービー制作を Unity でやってみましたので、本記事ではそのお話をしようと思います。 過去に友人の結婚式のムービー制作を任された時は After Effects か Premiere で作っていたのですが、それぞれ本 1 冊読んだ程度なので、自分の能力的にはスライドショー的に画像や文字を配置する程度が限界でした。自分たちのものはスプラトゥーン風のムービーにしたいなぁと思い、もう少し色々やれるかも & 勉強にもなるかもと思って Unity でやってみることにした次第です。プライバシーの関係でムービーの共有はできないのですが...、部分部分を簡単にご紹介したいと思います。 概要 基本方針は次のような感じです。 全体は Timeline を使って作成 出力は Unity Recorde
Unityでスライムを作ろう！ - Qiita
この記事は Akatsuki Advent Calendar 2021 14日目の記事です。 13日目は、アディさんの「カードゲームクリエイターで快適ポケカライフを過ごす」でした。 はじめに はじめまして、新卒クライアントエンジニアのyuyuです。 アカツキにはハイパーカジュアルゲームを作る研修があるのですが、そこで作ったゲームにスライムの表現を入れました（下の画像参照）。 それが思いの外いい感じになったので、記事として残すことにしました。 本記事では、全体の工程を10ステップに分割して説明していきます。 最終的にはこのような画を作っていきます。 プロジェクトはこちらにアップしています。 対象の読者 この記事は、以下のような方を対象としています。 シェーダーやレイマーチングの経験があり、スライム的な表現のミソを知りたい シェーダーやレイマーチングの経験はないが、実際に動くコードや途中経過を
[Unity]聖剣3TOMのキャラの「アナログ感」シェーダーを模写してみた - Qiita
先月、聖剣伝説3 TRIALS of MANA のスマホ版がリリースされました。 スーファミ版リアルタイム世代なのもあって楽しく遊んでます！ フレームレートの安定ためにコンシューマ版に比べて一部ポストエフェクトを切っていたり色域が違うように見えたりと、細かに調整されていて、スマホでもスムーズに遊べていて感動です・・・。（コンシューマ版開発時点でスマホ対応も構想に入っていたらしい） 聖剣３TOMを遊んでいて印象的だったのが、光沢を感じるような独特の陰影の付け方でした。 「何かグラフィックに関するインタビューとかないかなぁ」と探したところ、 UNREAL FEST EXTREME 2020 WINTER でドンピシャな講演をされていたようで、そのアーカイブが見つかりました！（36:07〜） ありがたや…。 講演の中でシェーダーに関する細かいお話があって良い足がかりになったので、聖剣３TOMのキ
![[Unity]聖剣3TOMのキャラの「アナログ感」シェーダーを模写してみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/db405773dd646ec7ef6c3133d369e456ab18b69a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlRTglODElOTYlRTUlODklQTMzVE9NJUUzJTgxJUFFJUUzJTgyJUFEJUUzJTgzJUEzJUUzJTgzJUE5JUUzJTgxJUFFJUUzJTgwJThDJUUzJTgyJUEyJUUzJTgzJThBJUUzJTgzJUFEJUUzJTgyJUIwJUU2JTg0JTlGJUUzJTgwJThEJUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgyJTkyJUU2JUE4JUExJUU1JTg2JTk5JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jMzY2OTc2ZGUxMzExNTI3ZTAxMzUyZmYxNDFiZGY2OA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBmbGFua2lkcyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjkzNGM1NDM1NjYxYTgwNDUxMTRlMDNlOWQ2NTZkOTU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D896d309bf036ef5375d911a08967579f)
第1回 レンダリングパイプラインとUnityシェーダ【Unityシェーダプログラム入門】
Unityでシェーダを書いてみたいけど何から始めたらいいか分からない…そんな方のファーストステップとして、レンダリングの基礎知識から学ぶことができる入門講座です。 ▼第2回はこちら https://youtu.be/602VNAdZZe4 ▼『Unityシェーダプログラム入門』の再生リスト https://www.youtube.com/playlist?list=PLKDiJl9C6HD6m5P7COIEFW271-YtDDs2_ ★今回の内容 00:00 プロフィール 00:50 この動画講座でやること 06:27 レンダリングパイプラインとは 09:19 シェーダとは 10:34 SRPについて 12:24 Unity標準パイプライン 14:44 Unityにおけるシェーダの種類 21:24 まとめ ------------------------------ ★動画内で
シェーダ 勉強ノート
参考リンク： Microsoft DirectX - Wikipedia OpenGL - Wikipedia OpenGL ES - Wikipedia Metal (API) - Wikipedia Vulkan (API) - Wikipedia Unity (ゲームエンジン) - Wikipedia Unreal Engine - Wikipedia 基礎知識 よく使うのは頂点シェーダとフラグメントシェーダ （OpenGL ではフラグメントシェーダ、DirectX ではピクセルシェーダと呼ぶ） Unity では ShaderLab という枠組みの中で、専ら HLSL でシェーダを実装する Unity が各プラットフォーム向けに最適化したものに変換してくれる 時々 Cg/HLSL のように表現されることがあるが、Cg は NVIDIA とマイクロソフトが共同開発したシェーダ言語で、H
Unity のシェーダー開発方法のまとめと備忘録・頂点アニメーションテクスチャ（VAT）シェーダー - Qiita
Unity のみで完結できる頂点アニメーションテクスチャー（VAT・Vertex Animation Texture）のエクスポーターとシェーダーを作りました。 Vertex Animation Texture shader, #unity3d. 202 frames@30fps animation, 4,472 tris each mesh. -- GeForce GTX 1080 on Unity Editor 90fps＝1,500mesh 60fps＝3,000mesh#madewithunity #unity pic.twitter.com/ctxG7GT4tg — サトー (@sator_imaging) December 24, 2019 -- こちらの記事はとりあえず動くシェーダーは作れる、だけど… という内容です。 拾い物やネットからのコピペ、アセットストア経由など、プロ
誰も置いていかないシェーダーはじめの一歩 - KAYAC engineers' blog
この記事はTech KAYAC Advent Calendar 2019の10日目の記事です。 こんにちは！ jsdo.itでCreativeCodingの世界を知り、jsdo.itに惚れて入社を決め、jsdo.itの譲渡とともに入社し、jsdo.itの終了とともに退職した有給消化期間中の浅利（@kasari39）です！ 今回はシェーダーの世界へ一歩踏み出してみませんか？という内容です。 *1 シェーダーコーディングの世界 作品例として手前味噌ですが、このような映像をシェーダーのみで生成できます。 http://glslsandbox.com/e#59292.1 http://glslsandbox.com/e#59293.0 これらは100行にも満たないシェーダーから生成されています。 こんな短いのにこんな豪華な見た目が出るなんて面白いですよね。 それでは一歩踏み出してみましょう！ 開発
Unity の ShaderGraph の仕組みについて調べてみた - 凹みTips
はじめに 本記事は Unity Advent Calendar 5 日目の記事です。 以前の記事で UniversalRP(URP) の調査を行いました。 tips.hecomi.com 今回は、その続きとして URP / HDRP の目玉機能の一つである ShaderGraph について調べてみます。私もノードグラフではないですがテンプレートと正規表現ベースの簡単なシェーダジェネレータを作成したことがあるので、参考にしたいなと考えているのと単純に興味があったのでコード読みをしてみました。 tips.hecomi.com この記事では URP やシェーダグラフの使い方という実践的な内容ではなく、ノードの拡張の前準備として、ちょっとマニアックですが生成されたシェーダやそのシェーダコード生成の仕組みの方を探ります。前回の記事の内容を読んでおいていただけると幾分読みやすいと思いますが、そもそもこ
Unityシェーダプログラム入門 UnlitShaderの要素を全て解説｜アマガミナブログ
この記事ではUnityにおけるシェーダプログラムの読み方・書き方を解説します！ その中でもUnity特有の機能であるShaderLabと、頂点シェーダ・フラグメントシェーダというものを中心に扱っていきます。 なお現在はShaderGraphなどのビジュアルエディタを利用することでシェーダプログラムを書かなくてもシェーダを作ることが可能です。 そんな時代ですがシェーダプログラムを読み書きできるようになっておくメリットも大きいので、今回はあえてビジュアルエディタについては一切取り扱いません。 Unityでシェーダの使い方は分かるけど、書いたことはないシェーダを編集しようと思ってファイルを開いたものの、ナンモワカランC#など、他のプログラムはある程度分かる（C言語が分かるとGood）ShaderGraphに対応していない環境(VRChat等)のシェーダを書きたい
Unity の Universal Render Pipeline のレンダリング周りについて勉強してみた - 凹みTips
はじめに 以前、Lightweight Render Pipeline（LWRP）と呼ばれていたパイプラインが 2019.3（SRP 7.0.0）から、Universal Render Pipeline（UniversalRP / URP）と改名されました。 blogs.unity3d.com 私は LWRP 含む SRP をあまり調べていなかったのですが、配布しているライブラリの LWRP 対応要望もちらほら聞こえてきましたので、詳しく調べてみることにしました。が、いきなり体系的にまとめるのは自分も分かっていない点が多くかなり大変...なので、プロジェクトを作成し、以前のビルトインのパイプラインから変わったところ等を適当な順番で色々見ていくことにしました。本記事ではレンダリング回り（パイプラインやシェーダの変更点）について調べます（シェーダグラフは本記事では触れません）。URP そのもの
【Unity】スクロールビューでもシェーダー芸がしたい！ - setchi’s blog
2019/06/19 に開催された KLab TECH Meetup #4 で「FancyScrollView x Shader」というタイトルで登壇してきました。 techplay.jp 内容は、自作のスクロールビューライブラリ「FancyScrollVeiw」を使って、シェーダー表現を取り入れたスクロールUIを作るというものです。 発表資料はこちらです。 docs.google.com この記事は、発表内容をブログ向けにまとめたものになります。 FancyScrollView? 仕組み シェーダー表現を取り入れたスクロール メタボールの解説 シェーダーにセルの状態を渡す 座標系を合わせる セルの位置をもとにメタボールを描画 タップ判定 ボロノイの解説 セルの位置をもとにボロノイを描画 境界線を描画 タップ判定 終わりに FancyScrollView? そもそも FancyScroll
魔法使いになりたい人のためのシェーダーライブコーディング入門 - Qiita
とりあえずこの映像を見てください。 昨日の勉強会の懇親会中に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分間のライブコーディング映像フル 先日の #klab_meetup の懇親会で行った20分のライブコーディング映像を公開しました！ 実況解説は@gam0022 さんと@songofsaya_さんです 突発ながら面白い実況で場を盛り上げてくださって非常に楽しかったです！
【Unity】シェーダのチートシート「UnityShaderCheatsheet」紹介 - コガネブログ
はじめに 「UnityShaderCheatsheet」はシェーダのチートシートです チートシート（引用）
【Unity】波紋、暗視、雪、ホログラムなど7種類のシェーダの実装を閲覧できる「Unity Shaders」紹介 - コガネブログ
はじめに 「Unity Shaders」では波紋、暗視、雪、ホログラムなど 7種類のシェーダの実装を閲覧できます シェーダ
[Unity] 綺麗なアウトラインシェーダーを作る - Qiita
初めに 身も蓋もないけど、これが使えるならそれが一番。 https://docs.unity3d.com/jp/460/Manual/script-EdgeDetectEffectNormals.html やろうとしてるのは、↑これと同様の手法です。 経緯 アウトライン、すなわちオブジェクトの輪郭を描くための Unity シェーダーを探していましたが、この記事を書いた時点ではネット検索の上位に引っかかるのは、「オブジェクトを膨らませて二度描きする」方法でした。 例えばこの記事の最初に紹介されてる方法です。 http://light11.hatenadiary.com/entry/2018/05/13/183314 しかし、実際やってみるとこの方法は問題があって、ちょっと複雑なシーンになるとうまく行かなくなることがわかりました。 それで、同記事にある３・４番目のポストエフェクトを使う方法を調
![[Unity] 綺麗なアウトラインシェーダーを作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/60e50f2d12791b195cf91cf3b81d7b0357d201f6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlMjAlRTclQjYlQkElRTklQkElOTclRTMlODElQUElRTMlODIlQTIlRTMlODIlQTYlRTMlODMlODglRTMlODMlQTklRTMlODIlQTQlRTMlODMlQjMlRTMlODIlQjclRTMlODIlQTclRTMlODMlQkMlRTMlODMlODAlRTMlODMlQkMlRTMlODIlOTIlRTQlQkQlOUMlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTM3NjZjMjk2ZDRiMjBiNTlhNTZkOThkOWY5ZWZiZDMz%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBTaGlub2RhX05hb2tpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03N2IwOWIxM2VjMzgzODYzMWNkYzE5MjRmZmQ5Y2E4Ng%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OG44Kv44Ot44K5%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dd96bc42c9fa09d9d6d36716a15e6559e)
【Unity】ド素人からShaderを使えるようにまでに重宝したリンク集まとめ - Qiita
「Shaderって何それ？」ってレベルから、Shaderを雰囲気で理解できるレベルになりました(多分) ここまで到達できたのは、”間違いなく”先人たちの最強すぎる情報のお陰様です。 そんな役立った有用すぎるShader学習リンクを紹介していきます！ 2019/3/19 追記 まんてらさんによるシェーダーの解説スライドを追加しました！ シェーダーについて無知であっても、噛み砕いて解説してくださっております。シェーダー学びたい初心者は必見です！ 対象レベル Vertex/Fragment Shader(頂点/フラグメントシェーダー)を一から学ぶ予定の方 Shaderやろうとして、何度も挫折した方 Shaderを雰囲気で理解してみたい方 ※注意 Geometry ShaderやCompute Shaderは含まれていません。理由は私がまだ使えないからです(^p^) こちら扱えるようになったら、ま
[Unity]無限平面を描画する過程でGPUの理解を深める - Qiita
無限平面というのはこういうのです。 デフォルトの背景としてはSkyboxを出すのが一般的ですが、地平にできたら嬉しいケースはけっこうあると思うんですよ。建物のスキマが奈落になってるよりはずっと良い、みたいな。 今回は無限に続く平面をなるべく軽く、なるべく綺麗に描画してみましょう。 頂点シェーダでカメラの前方に矩形を置く このようにカメラと描画領域（視錐台）があった場合、描画領域の中を指定Ｙ座標の平面が埋め尽くすように配置したいわけです。 モデルを準備 適当な大きさの平面モデルを用意します。Unityが標準で用意してくれているQuadでもPlaneでも良いですが、Planeのようにある程度細かく分割されていたほうが精度的に有利になります。さらに、UnityのPlaneオブジェクトは$y=0$平面なのに対してQuadオブジェクトは$z=0$平面なので、地面にするならPlaneが便利。とりあえず
![[Unity]無限平面を描画する過程でGPUの理解を深める - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2dcadcacd6907c88593f6817ad360b15875d15f2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCVW5pdHklNUQlRTclODQlQTElRTklOTklOTAlRTUlQjklQjMlRTklOUQlQTIlRTMlODIlOTIlRTYlOEYlOEYlRTclOTQlQkIlRTMlODElOTklRTMlODIlOEIlRTklODElOEUlRTclQTglOEIlRTMlODElQTdHUFUlRTMlODElQUUlRTclOTAlODYlRTglQTclQTMlRTMlODIlOTIlRTYlQjclQjElRTMlODIlODElRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTcwYzUxZTBkNjRkMjVlYmFjMjMwMzY0NjdlYjZlNWU1%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweXVqaV95YXN1aGFyYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGRhMThmMzA4NWI1MDY5NTMyOGQyZTkxYjY5Njk4MTQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D638e589274cd091e7ac8086eb7be135c)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「原神」におけるコンソールプラットフォーム開発 | Unity Learning Materials
『ブループロトコル』アニメ表現はリアル系描画より大変。アニメ表現を実現する多数のプロセスとこだわりを解説【CEDEC2021】 | ゲーム・エンタメ最新情報のファミ通.com
GitHub - ColinLeung-NiloCat/UnityURPToonLitShaderExample: A very simple toon lit shader example, for you to learn writing custom lit shader in Unity URP
