【Unity , shader】原神の海を再現したい - Qiita
BGMが良いと話題になってた原神を最近やってみたのですが、グラフィックすごい感動したので作りたくなった これがスタート地点の海なんですが、もうすごい 海、メチャクチャ良いな～となって、海のシェーダを書いてみました。 できたものがこちら きれいな海ができました！ 追記:シェーダのコードはこちらになります https://github.com/Uynet/Gensin-Sea/blob/main/Assets/Scenes/sea.shader 今回はこちらの作り方を紹介します。それでは.... えいっ まず適当に2枚の板を交差させました。これが海と浜になります。 深度値によるグラデーション 浅瀬から沖にかけてのエメラルドグリーンのグラデーションが非常によいですね。 見た感じ水の層の厚さで色が変化しているように見えます。 カメラから見た海と浜の深度値の差を取り深さを計算してみます。 d1はCo
スマートフォンゲーム開発におけるエフェクトのShaderと表現技法 | CyberAgent Developers Blog
こんにちは。サイバーエージェントゲーム子会社の株式会社アプリボット所属、シニアエフェクトアーティストの邑上(ムラカミ)です。普段は新規プロジェクトにてエフェクトのテイスト、仕様策定をしつつ、社内やデジタルハリウッド吉祥寺校、CGworld等でゲームエフェクトの講義も行っています。 今回は、スマートフォンゲーム開発におけるエフェクトのShaderについてお話しします。まずはshaderについて理解してもらうため、先に「エフェクトデザイナー」の役割について説明しておきます。 「エフェクトデザイナー」とは、「効果を光の表現で伝え、演出するクリエーター」です。 「何が起こっているかを伝える。効果情報」 「爽快感などを与える。視覚演出」 「ゲームテイストを伝える。世界観演出」
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 -- こちらの記事はとりあえず動くシェーダーは作れる、だけど… という内容です。 拾い物やネットからのコピペ、アセットストア経由など、プロ
【Unity】スクロールビューでもシェーダー芸がしたい！ - setchi’s blog
2019/06/19 に開催された KLab TECH Meetup #4 で「FancyScrollView x Shader」というタイトルで登壇してきました。 techplay.jp 内容は、自作のスクロールビューライブラリ「FancyScrollVeiw」を使って、シェーダー表現を取り入れたスクロールUIを作るというものです。 発表資料はこちらです。 docs.google.com この記事は、発表内容をブログ向けにまとめたものになります。 FancyScrollView? 仕組み シェーダー表現を取り入れたスクロール メタボールの解説 シェーダーにセルの状態を渡す 座標系を合わせる セルの位置をもとにメタボールを描画 タップ判定 ボロノイの解説 セルの位置をもとにボロノイを描画 境界線を描画 タップ判定 終わりに FancyScrollView? そもそも FancyScroll
[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)
シェーダー芸人になりたかった6か月前の自分に教えてあげたいリンク集 - Qiita
この記事は、KLab Engineer Advent Calendar 2018 10日目の記事です。 はじめに 今月頭の12/1から12/2にかけて、日本で唯一のデモパーティであるTokyo Demo Fest 2018が開催されました。 デモパーティをご存じではない方のために、公式サイトから引用します。 デモパーティは、コンピュータを用いたプログラミングとアートに 興味のある人々が日本中、世界中から一堂に会し、 デモ作品のコンペティション(コンポ)やセミナーなどを行います。 また、イベント開催中は集まった様々な人たちとの交流が深められます。 またデモについて詳しく知りたい方はこちらをご覧ください。 今回私は、このパーティのGLSL Graphics CompoというGLSLコードのみで映像を作って競うコンポにTraveler 2という作品を応募して1位に選んで頂きました！ #Tokyo
【Unity】「Unity Shader 勉強会」資料などまとめ - コガネブログ
イベントページ 資料など Image Based Shader Programming Visual Effects Graph入門 Unityを使ったVJでよく使うイメージエフェクト集 頂点シェーダーアニメーション入門
ジオメトリシェーダ入門 - e.blog
概要 ジオメトリシェーダとは コードを見てみる ドキュメント Syntax パラメーター ストリーム出力オブジェクト Syntax パラメーター 違ったコードを見てみる 実例を見てみる 実際に動いている動画 概要 今回はジオメトリシェーダ入門という形で記事を書いていきます。 頂点シェーダ、フラグメントシェーダに比べるとあまり書く機会の少ないシェーダ。 その2シェーダに比べて違いが結構あるのでそのあたりについてのメモを書いていこうと思います。 実際に使った例はこんな感じ↓ ジオメトリシェーダとは Wikipediaによると以下のように説明されています。 ジオメトリシェーダー ジオメトリシェーダー（英: Geometry Shader, GS）はピクセルシェーダーに渡されるオブジェクト内の頂点の集合を加工するために使用される。ジオメトリシェーダーにより、実行時に頂点数を増減させたり、プリミティ
最強のエフェクトデザイナーになるブログ
続きを読む 続きを読む 続きを読む 続きを読む 続きを読む 続きを読む 続きを読む 続きを読む 続きを読む 続きを読む 続きを読む
実践ドット絵シェーダー - 水鳥コンビナート
はじめに 先行事例と課題 陰影と色彩 シェーディングマップによる嘘陰影 頂点シェーダアニメーション ドット絵的なモデルとアニメーション 結果 問題点とか その他テクニックとか 今後 (追記：続いた) 実践ドット絵シェーダー その2 - チラつき抑制編 - 水鳥コンビナート はじめに 自分はドット絵が好きだが、描くのはあまり好きではない。 正確に言うと、1,2 枚を描くのはよいがひとつのゲームに使用する大量のドット絵を全部自力で描くのは大変つらい。 例えばアクションゲームかなにかを作る場合を考えてみると、 キャラクターについてだけでも、必要なドット絵枚数は (登場キャラクター数) × (各キャラができるアクションの数) × (各アクションに必要な枚数) × (リテイクのコスト) で相当なものになるのがわかる。 そこでドット絵っぽいものをレンダリングできるシェーダを用いることで横着をしようとい
ユニティちゃんトゥーンシェーダー入門以前 あるいは現代トゥーンシェーダーへの橋渡し - izm_11's blog
概要 古来よりNPR(Non-Photorealistic Rendering)と言うのはあって、ほとんどの人間はDirectXもしくはOpenGLを使った簡易なトゥーンシェーダーを書いたことがあると思います。 しかし人間にとって3DCGのモデリングは難易度が高いので、せっかく作ったトゥーンシェーダーをティーポットやドーナツのレンダリングするくらいしか思春期で経験することが出来ません。 そうした経験を持つ人間は成人してUnity+UTS2.0(ユニティちゃんトゥーンシェーダー)環境を手に入れます。 そして可愛いキャラクターを可愛くレンダリングしようと思ってUTS2.0.4のシェーダーファイルを開くとゴツい分量のコードと対面してしまいます。 またUTS2.0.4はシェーダーコードの分量に比例してマテリアル上のインスペクタを開くとビビるくらいテクスチャを指定できる場所とfloatやcolorを
「楽しい！Unityシェーダーお絵描き入門！」という講演をしました - setchi’s blog
4/10 にサポーターズCoLab勉強会で「楽しい！Unityシェーダーお絵描き入門！」という講演をしました！内容はフラグメントシェーダで2Dの絵を描くための入門的な考え方を紹介するというものです。 当初の定員20名に対して150名近い申込みをいただきました。ありがとうございます。 supporterzcolab.com スライドはGifアニメが多かったのと（Gifアニメを動く状態で公開できるスライド共有サイトが少ないことに驚きました）、スピーカー ノートで内容を追ってもらえれば資料として分かりやすいと思ったので Google スライドでそのまま公開させていただきました。 入門向けの内容になりますが、興味があればぜひご覧ください。 シェーダーお絵描き入門勉強会の資料を公開しました🙇 #spzcolabhttps://t.co/kwRANl48uC— setchi (@setchi) Ap
7日間でマスターするUnityシェーダ入門 - おもちゃラボ
この記事は、これまでにおもちゃラボで紹介してきたUnityのシェーダ入門記事40本のまとめです。 1日に5記事読めば7日間で読み切れるはず...今のところ（笑） シェーダって時々聞くけど難しそう・・・というイメージをお持ちの方も多いと思います。でも、Unityを使えばかなりのメンドウな部分はUnityにおまかせできちゃうので、本当に必要な部分のシェーダを書くだけでイメージ通りの絵作りができるようになります。 使用するシェーダ Unityで使えるシェーダにはsurfaceシェーダと頂点／フラグメントシェーダの2種類があります。ここではこの２つのシェーダの他、ライティング・ポストエフェクトの内容も解説しています。それぞれの各記事へのリンクを下にまとめておきます。また、Unity2018からはノードベースでシェーダを作成できるShader Graphという機能も提供されるようになりました。これか
Unity の Shader をそこそこ書けるようになるまでやったこと - kumak1’s blog
2017年末の現状 Unity の3Dを触り始めて約1年。そこそこちゃんとした Shader が書けるようになってきました。 レンダリングサンプルはこんな感じ。 ケータイゲームに使うすごく軽いシェーダー完成しました！、最新ゲームとくらべ悪くならないよう無茶したんですけど、くまき(@kumak1)さんのほうでＰＢＳの機能は持つくらい持って最大軽く出来るように無茶してもらったのが現実です、私は二つのアルゴリズム作っただけですぅ（キャラ△８０００） pic.twitter.com/3L0gUo7yXJ— D.K (@dkground) 2017年11月11日 全編スクラッチしており、Normal Map や Matcap の設定はもちろん、アーティスティックな光や影の色を設定で作れるようになっています。 なんでまとめ記事書くの？ 年末なので振り返り。 あと、よくゲーム開発系の話をする、同僚の い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unityとシェーダで描く360度フラクタル
GitHub - lettier/3d-game-shaders-for-beginners: 🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
GitHub - kaiware007/UnityVJShaderSlide20181108: Unity Shader 勉強会発表用スライドプロジェクト