80年代風作例。ユニティちゃんモデル及びシェーダーを使っています。© UTJ/UCL こんにちは! CL事業部の原です。 この記事は Tech KAYAC Advent Calendar 2019 の13日目です。 今回はUnityで80年代風を表現するということにチャレンジしてみました。 80年代風と言っても、レトロゲームを再現するという意味ではありません。 80年代風イラストの雰囲気を表現したいと思います。 80年代リバイバルブームとは ここ数年、80年代リバイバルな表現がファッションやデザイン、映画などでブームになっていたことはこれを読んでいるみなさんにも思い当たるところがあると思います。しかし、この現象を包括的にまとめたような記事文献は見つけることができませんでした。なので、個人的体験から80年代リバイバルブームを追ってみます。 80年代リバイバル表現との出会い：tofubeats
Three.jsの勉強の仕方 - Qiita
概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について 私は主に、React Three Fiber（Three.jsをReact用にラッパーしたライブラリ｜以下、R3F）を使用して開発してます。 バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。 とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。 ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ
We create beautiful expressions through programming and deliver the best possible experiences.
とりあえずこの映像を見てください。 昨日の勉強会の懇親会中に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_さんです 突発ながら面白い実況で場を盛り上げてくださって非常に楽しかったです！
この文書では、 レトロゲームを最新の PC やコンソールに移植するような場合に必要となる、 低解像度のドット絵をドット感を残しつつ高解像度ディスプレイに拡大表示する処理についてまとめます。 そして、拡大処理で見落としがちな問題とその解決方法、および改良と高速化について触れます。 この文書では、ごく基本的なバイリニアフィルタによる拡大処理のみを取り扱います。 高解像度化技術周辺や、CRT のスキャンラインや画素の再現は、この文書で取り扱う範囲外なので一切触れません。 また、 話を簡単にするため、拡大結果を sRGB 規格のディスプレイに表示するケースのみを考えます。 筆者はディスプレイの規格が専門分野ではないので、 色の定義などの理解が甘い箇所があるかもしれません。あらかじめご了承ください。 何か間違いがありましたら、ご指摘いただければ幸いです。 ドット絵の滲みを再現したい 当時のドット絵は
はじめに 私事で恐縮ですが、先日、コロナ禍で 2 年半ほど延期していた結婚式をしました。そこでのプロフィールムービー制作を Unity でやってみましたので、本記事ではそのお話をしようと思います。 過去に友人の結婚式のムービー制作を任された時は After Effects か Premiere で作っていたのですが、それぞれ本 1 冊読んだ程度なので、自分の能力的にはスライドショー的に画像や文字を配置する程度が限界でした。自分たちのものはスプラトゥーン風のムービーにしたいなぁと思い、もう少し色々やれるかも & 勉強にもなるかもと思って Unity でやってみることにした次第です。プライバシーの関係でムービーの共有はできないのですが...、部分部分を簡単にご紹介したいと思います。 概要 基本方針は次のような感じです。 全体は Timeline を使って作成 出力は Unity Recorde
こんにちは！株式会社アプリボットでクライアントエンジニアをしている@siguma_sigです。 こちらは Applibot Advent Calendar 2023 24日目の記事になります。 前回の記事は@_kz_devさんの、自作パッケージの依存関係ちゃんと管理してる?静的解析とGraphvizで実現した自作パッケージ依存関係可視化ツール"prelviz"です。 はじめに ちょうど今年の初めから5月頃までにかけて、Unityを用いたモック開発ではありますが、初めてグラフィックス周りを業務で扱う機会がありました。 それまで私は、グラフィックスパイプラインやシェーダー周りを知識としてなんとなくは知っているが実装したことがないという状態でした。 それからグラフィックス周りを業務で扱うに当たって、モック向けではありますが、最終的にはURP上でキャラや背景のシェーダーを書いたり、アウトラインなど
amagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。 REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。 ⚡𝙍𝙀𝘼𝘾𝙏-𝙑𝙁𝙓 released！⚡ I created React components to add WebGL effects to images, videos and plain texts in your app. It also supports animated GIFs...😎 Visit website for details:https://t.co/mlnmExpUVZ#REACTVFX #WebGL #React #Threejs #GLSL pic.twitter.com/uDUQ8MKNcK— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayos
BGMが良いと話題になってた原神を最近やってみたのですが、グラフィックすごい感動したので作りたくなった これがスタート地点の海なんですが、もうすごい 海、メチャクチャ良いな～となって、海のシェーダを書いてみました。 できたものがこちら きれいな海ができました！ 追記:シェーダのコードはこちらになります https://github.com/Uynet/Gensin-Sea/blob/main/Assets/Scenes/sea.shader 今回はこちらの作り方を紹介します。それでは.... えいっ まず適当に2枚の板を交差させました。これが海と浜になります。 深度値によるグラデーション 浅瀬から沖にかけてのエメラルドグリーンのグラデーションが非常によいですね。 見た感じ水の層の厚さで色が変化しているように見えます。 カメラから見た海と浜の深度値の差を取り深さを計算してみます。 d1はCo
A WebGL fluid simulation that works in mobile browsers.
この記事は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行にも満たないシェーダーから生成されています。 こんな短いのにこんな豪華な見た目が出るなんて面白いですよね。 それでは一歩踏み出してみましょう！ 開発
GitHub - ColinLeung-NiloCat/UnityURPToonLitShaderExample: A very simple toon lit shader example, for you to learn writing custom lit shader in Unity URP
About this repository This repository is NOT the full version NiloToonURP. This repository only contains a very simple and short URP toon shader example, only for tutorial purposes, it is under MIT license so you can do whatever you want with the code. If you want to keep the current tutorial shader, please fork it or download a copy now since it may be removed in the future. NiloToonURP(full vers
【Unity】【シェーダ】プロシージャルな髪の異方性ハイライト（天使の輪）表現を作る方法 - LIGHT11
Unityのシェーダでプロシージャルに髪のハイライトを作る方法です。 やりたいこと binormalを使ってハイライトを作る jitterテクスチャを使う 結果 関連 Unity2019.2.18 やりたいこと この記事では下図のような感じの髪のハイライト表現をシェーダで作ります。 ハイライト 適用したもの 制約として、処理負荷はモバイルでも使えるくらい軽いものを目指すものとします。 binormalを使ってハイライトを作る ブリンフォン鏡面反射モデルでは、ハーフベクトルと法線の内積を使ってスペキュラを表現します。 スペキュラ ここで、法線の代わりに従法線を使うと以下のような結果が得られます。 従法線を使う この性質を利用して、従法線をハーフベクトルの内積値を上手く加工してハイライト表現を作ってみます。 シェーダは以下のように書きます。 Shader "HairHighlight" { P
この記事ではUnityにおけるシェーダプログラムの読み方・書き方を解説します！ その中でもUnity特有の機能であるShaderLabと、頂点シェーダ・フラグメントシェーダというものを中心に扱っていきます。 なお現在はShaderGraphなどのビジュアルエディタを利用することでシェーダプログラムを書かなくてもシェーダを作ることが可能です。 そんな時代ですがシェーダプログラムを読み書きできるようになっておくメリットも大きいので、今回はあえてビジュアルエディタについては一切取り扱いません。 Unityでシェーダの使い方は分かるけど、書いたことはないシェーダを編集しようと思ってファイルを開いたものの、ナンモワカランC#など、他のプログラムはある程度分かる（C言語が分かるとGood）ShaderGraphに対応していない環境(VRChat等)のシェーダを書きたい
Unityでスライムを作ろう！ - Qiita
この記事は Akatsuki Advent Calendar 2021 14日目の記事です。 13日目は、アディさんの「カードゲームクリエイターで快適ポケカライフを過ごす」でした。 はじめに はじめまして、新卒クライアントエンジニアのyuyuです。 アカツキにはハイパーカジュアルゲームを作る研修があるのですが、そこで作ったゲームにスライムの表現を入れました（下の画像参照）。 それが思いの外いい感じになったので、記事として残すことにしました。 本記事では、全体の工程を10ステップに分割して説明していきます。 最終的にはこのような画を作っていきます。 プロジェクトはこちらにアップしています。 対象の読者 この記事は、以下のような方を対象としています。 シェーダーやレイマーチングの経験があり、スライム的な表現のミソを知りたい シェーダーやレイマーチングの経験はないが、実際に動くコードや途中経過を
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.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
GitHub - IndieVisualLab/UnityGraphicsProgrammingSeries: 書籍「Unity Graphics Programming」シリーズのPDFコレクション
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
腾讯PCG创新社区技术美术 胡晓川分享《走近卡通渲染-关于Trick的两三事》 - Unity技术专栏是中国Unity官方为开发者准备的中文技术分享社区，极简高效的markdown文本编辑器体验更适合Unity开发者日常记录开发经验和灵感，通过输出倒逼输入，加快自身学习成长速度；每一位开发者都可以通过技术分享与社区中的伙伴们交流学习，一起成为更优秀的创作者。
【Unity】シェーダのチートシート「UnityShaderCheatsheet」紹介 - コガネブログ
はじめに 「UnityShaderCheatsheet」はシェーダのチートシートです チートシート（引用）
floatの値が0から1の範囲内ならA、範囲外ならBを返す処理が欲しかった。 通常であればこのようにif文で作ることができます。 if (x >= 0.0 && x <= 1.0) { return A; } else { return B; }しかし、シェーダにおいてはif文を使ってしまうとGPUの並列処理を阻害することになり、パフォーマンスが大きく落ちます。 そこでif文を使わない方法を考えることにしました。 結論だけ見たい方はこちら 方針最初に思いついたのはこれです。 int isInRange = 1 - (int)(abs(x - 0.5) + 0.5);abs(x – 0.5)のところで絶対値が0.5に満たない場合は、+0.5しても1にならないので、int型にキャストすることで0か1に分けることができます。 最後に書きますが0か1に分けることでlerpを使用して目的の値を取得で
2022年 10月26日に行われたUnity SYNC2022にて「UIもshaderで盛る！ 〜 shaderとanimationで作るリッチなUI演出」というタイトルで公演させて頂きました。 沢山の方に見て頂き、現在（2022年12月22日時点）Unity SYNCの講演動画の中では再生数がTOPになっております。(スライドはコチラです) 講演にご参加いただいた皆様には、改めて御礼申し上げます。 解説記事を公開するにあたり、実際に動作するサンプルUnity Projectを用意しました。弊社githubリポジトリにて公開しています。 (処理に間違いがあれば、ご指摘いただけると幸いです) これから何回かに分け、サンプルの公開とその解説を書いていこうと思います。 サンプルUnity Projectをご覧になりながら読んで頂けると、より理解が深まるかと思います。 今回は下記の項目に関してサン
Unityが提供する、モバイルハードでも美しく表現する描画方式「URP」とは何か。Unityの人に訊いてみた - AUTOMATON
ゲームエンジンUnityを展開するユニティ・テクノロジーズ・ジャパン（以下、Unity）は6月30日と7月4日、Game Tools & Middleware Forum 2023（GTMF 2023）に出展。このイベントは、ゲーム開発者向けツールやミドルウェアを中心にさまざまな展示が行われる。 Unityは今回GTMFに出展した数多くの会社の中でも、知名度の高い会社だろう。ゲームエンジンUnityは長年人気のゲームエンジンで、多くの開発者に支持されている開発ツールの１つだ。モバイルからハイエンドまで、幅広い描画方式に対応していることも支持されている理由の１つだ。しかし、実際にどのような方式で描画しているのかを理解している人は少ないだろう。展示ではUnityが提供する描画方式をデモにて紹介。今回は2つの描画方式と、各プラットフォームに柔軟に対応するUnityのカスタマイズ性について、シニア
シェーダ 勉強ノート
参考リンク： 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
2020年07月13日12:44 カテゴリUnityGPGPU UnityでGPGPU応用編 バイトニックソートを高速化 バイトニックソート(Bitonic Sort)の概要バイトニックソート(Bitonic Sort)は主にGPU等の並列計算器でソートを実装しようとするときに使われるソートである。 計算量のオーダーはO(n log^2 n)であり、クイックソートのO(n log n)には負けるものの並列化による高速化が勝るという感じなのでいろんなところに使われている。 対象読者キーワード「GPU」「バイトニックソート」で検索してこの記事にたどり着いただろう方が対象。 この記事では ・バイトニックソートでなぜソートできるか ・どうやったら高速化できるか という点について重点的に書いている。 高速化については OpenCLでバイトニックソートを実装している海外サイト をパクリ参考にした。 こ
はじめに これは、『BASIC×SHADER: Unityで学ぶシェーダープログラミング』というシェーダー本 (Kindle) を書いて得た知見のまとめです。 本の概要を「文章」にすると、 本書は、これからシェーダープログラミングを学びたい方を対象にした入門書です。シェーダーの事前知識は不要ですが、「何かしらのプログラミング言語」と「高等学校程度の数学」の理解を前提としています。 取り扱っている内容は、次のとおりです。 シェーディング言語 (Cg) の基礎文法 シェーダープログラミングのためのベクトルと行列の復習 ライティング/テクスチャリング/シャドウ/フォグ/ポストエフェクトの基礎実装 「画」にすると、 こんなかんじです。上記のシェーダーは全て GitHub で配布しているので、学習にご活用ください。 成果物 BASIC×SHADER (Kindle) BASIC×SHADER (Gi
[Unity] 邪道なDeferredの使い方で苦しんだ話（昼夜のドット絵で夕焼けアニメ:２） - Qiita
はじめに 以前、「[Unity] 昼夜二枚のドット絵をもとにシームレスな夕焼けアニメーションをする」という記事を書きましたが、最後の補足でこう書きました。 シムシティのようなゲームを考えた場合、建物それぞれが夕焼け効果をレンダリングするのは無駄が多いと思われます。昼と夜のシーン画像をレンダリングして、ポストエフェクトなどでシーン全体で夕焼け効果を合成するのが理想的でしょう。いずれ機会を見つけてチャレンジしたいですね。 ということで、今回はシーン全体で夕焼けアニメーションするチャレンジしてみました。 ちなみに、このシーンは以前記事に書いたドット絵を3Dメッシュに正射影して作ったものを前提としています。 ※建物の絵は FreeTrain というオープンソースのゲームから、作者の了解を得て拝借しています。 その際、Deferredレンダリングを本来の目的と違う邪道な使い方で使ったのでタイトルです
![[Unity] 邪道なDeferredの使い方で苦しんだ話（昼夜のドット絵で夕焼けアニメ:２） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a5279fe09d2eecffa1468fb527c25f764889714/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCVW5pdHklNUQlMjAlRTklODIlQUElRTklODElOTMlRTMlODElQUFEZWZlcnJlZCVFMyU4MSVBRSVFNCVCRCVCRiVFMyU4MSU4NCVFNiU5NiVCOSVFMyU4MSVBNyVFOCU4QiVBNiVFMyU4MSU5NyVFMyU4MiU5MyVFMyU4MSVBMCVFOCVBOSVCMSVFRiVCQyU4OCVFNiU5OCVCQyVFNSVBNCU5QyVFMyU4MSVBRSVFMyU4MyU4OSVFMyU4MyU4MyVFMyU4MyU4OCVFNyVCNSVCNSVFMyU4MSVBNyVFNSVBNCU5NSVFNyU4NCVCQyVFMyU4MSU5MSVFMyU4MiVBMiVFMyU4MyU4QiVFMyU4MyVBMSUzQSVFRiVCQyU5MiVFRiVCQyU4OSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzI4NTNiMzgwMzAxMTJkMjYyMGQxNWY5YjQ0NzVmYTk%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwU2hpbm9kYV9OYW9raSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjU2MDM3MTdhMDg4NGYwODA2OTEzZmIyMzRlN2QxZjM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D43b61ef7263d020eeea9e611884fa491)
解説: Just a Pool
VRChat world "Just a Pool" has been released! 少し前に Just a Pool という VRChat のワールドを公開しました。この記事では裏の色々な話や技術解説などを書いていこうと思います。 ワールド探索系の話でなくて恐縮なんですが、この記事は VRChatワールド探索部 Advent Calendar 2022 の20日目の記事になっています。 ワールドについて 名前の通りプールが置いてあるだけの小さなワールドなんですが、水がリアルに動きます。そして触れます。 ただ「リアルな水とVRで触れ合いたい！」という欲望のために作られたようなワールドで、心ゆくまで水遊びを楽しむことができます。水鉄砲やポータルといった遊び道具も置いてあるので、多人数でわいわいするのにも向いているかと思います。よくみんなで遊んでいる様子が Twitter に流れてくるの
Unityシェーダプログラム入門 第2回 ▼第1回はこちら https://youtu.be/8WsWNYNUyeE ▼第3回はこちら https://youtu.be/eEnz-OPO6T4 ▼Unityシェーダプログラム入門の再生リスト https://www.youtube.com/playlist?list=PLKDiJl9C6HD6m5P7COIEFW271-YtDDs2_ ★今回の内容 00:00 OP 00:07 ShaderLabとは 00:38 シェーダを書くエディタについて 01:25 今回の解説用シェーダを確認 02:27 Shaderブロック 03:33 Propertiesブロック 14:10 SubShaderブロック 22:25 Passブロック 23:30 まとめ ------------------------------ ★動画内で紹介した
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 そのもの
シェーダはいろんなことができます。Geometry Shaderで好きな場所にポリゴンを出したり、Fragment Shaderでポリゴンではない方法で物体を描画したり。 その中でも特に「メモリにデータを保存して計算を回す」話について書きます。これは実質好きなプログラムを自由に書けるという話です。変数の保存とか。 概ねVRChatにおける話を書きますが、まぁ普遍的な状況と大して違いはないと思います。 読み飛ばしながら必要なところだけを読むのを推奨します。あと修正/意見などあればtwitter (@phi16_) まで。 全体構造 プログラムには入力と出力があります。VRChatに於いては或る計算の最終的な出力としては当然「視界に映るモノ」ということになりますが、それを生み出すための入力、そしてその入力を作り出す計算機など、様々な機構が存在できます。 特に私が計算機と呼んでいるモノは、「何か
In late 2020, Apple debuted the M1 with Apple’s GPU architecture, AGX, rumoured to be derived from Imagination’s PowerVR series. Since then, we’ve been reverse-engineering AGX and building open source graphics drivers. Last January, I rendered a triangle with my own code, but there has since been a heinous bug lurking: The driver fails to render large amounts of geometry. Spinning a cube is fine,
負荷を抑えて高品質？ スマホゲームのグラフィックスを進化させるためにゲームエンジン「Frostbite」が取り組む「FP16化」とは
負荷を抑えて高品質？ スマホゲームのグラフィックスを進化させるためにゲームエンジン「Frostbite」が取り組む「FP16化」とは ライター：西川善司 2024年3月に行われたGDC 2024で，「FP16 Shaders in Frostbite」という一風変わったテーマを掲げていたセッションがあった。 簡単に言えば，Electronic Arts（以下，EA）の独自開発ゲームエンジン「Frostbite」で，16bit浮動小数点数（FP16）を徹底活用して性能を改善できるか検討したというものだ。 セッションを担当したAlexis Griffin-Lira氏（Software Engineer，Frostbite. EA）。Frostbiteエンジン開発チームの一員だ 近代ゲームグラフィックスでは，頂点シェーダが扱うジオメトリ（幾何学）的な演算において，単精度と呼ばれる32bit浮動小
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 -- こちらの記事はとりあえず動くシェーダーは作れる、だけど… という内容です。 拾い物やネットからのコピペ、アセットストア経由など、プロ
レイマーチングで使える複雑めな距離関数を収集していきます。 球や直方体など単純な図形に関しては以下にまとまっているので、ここでは触れません。 Inigo Quilez :: fractals, computer graphics, mathematics, shaders, demoscene and more Recursive Tetrahedron http://glslsandbox.com/e#55834.0 四面体のIFSによる繰り返しです。最終的に四面体の頂点に対して距離を計算しています。 #define ITERATIONS 8 float deRecursiveTetrahedron(vec3 p, vec3 offset, float scale) { vec4 z = vec4(p, 1.0); for (int i = 0; i < ITERATIONS; i++)
A Journey Into Shaders
This article is interactive: you can play with the code and sliders to interact with the shaders. Enjoy! What if I told you that it could takes just few lines of code to create graphics as simple as gradients or as complex as rain effects? Welcome to the world of shaders! I’ve been fascinated by shaders for a couple of years, but each time I attempted to dive into the subject, I felt like I was le
UIだってShaderつかいたい！ Unity SYNC2022 UI演出解説 その2 2023.02.20 こんにちは。クライアントエンジニアの畑山です。 2022年 10月26日に行われたUnity SYNC2022にて「UIもshaderで盛る！ 〜 shaderとanimationで作るリッチなUI演出」というタイトルで公演させて頂きました。 引き続きご好評頂き、現在(2023/02/20時点)でもSYNC2022の動画の中では視聴数TOPを維持しております。ご視聴頂いた皆様には改めて御礼申し上げます。 下記に関連URLをまとめておきます。 動画 (https://www.youtube.com/watch?v=T_dYC4LvFJk) スライド (https://www.docswell.com/s/UnityJapan/ZQDW75-sync2022_day2_track2_1
2019/06/19 に開催された KLab TECH Meetup #4 で「FancyScrollView x Shader」というタイトルで登壇してきました。 techplay.jp 内容は、自作のスクロールビューライブラリ「FancyScrollVeiw」を使って、シェーダー表現を取り入れたスクロールUIを作るというものです。 発表資料はこちらです。 docs.google.com この記事は、発表内容をブログ向けにまとめたものになります。 FancyScrollView? 仕組み シェーダー表現を取り入れたスクロール メタボールの解説 シェーダーにセルの状態を渡す 座標系を合わせる セルの位置をもとにメタボールを描画 タップ判定 ボロノイの解説 セルの位置をもとにボロノイを描画 境界線を描画 タップ判定 終わりに FancyScrollView? そもそも FancyScroll
※本講演はUnite Seoul 2020での講演を日本語吹替したものとなります 「原神」のレンダリングパイプラインと、コンソールでのクロスプラットフォーム開発について、miHoYoのテクニカルディレクターであるZhenzhong Yiがお話しします。 こんな人におすすめ Game Developers 得られる知見 「原神」でのコンソールプラットフォーム開発でのノウハウ Unityを使用したレンダリングパイプラインのTips
UE4 ライン描画に特化したPPLineDrawingを公開しました - Let's Enjoy Unreal Engine
最近UE4を使って漫画の背景を描く、浅野いにお先生が話題となりました。Epic Games公式でも取り上げられ、今後益々漫画やイラストなどでもUE4が使われていくと思います。 Unreal Engine公式サイトで、UE4を使った漫画の制作事例として取り上げていただきました。漫画に限らずイラストの制作にももちろん応用できる内容なので、興味のある方は是非ご覧ください。→https://t.co/QwNK9gDsGE— 浅野いにお (@asano_inio) 2020年2月18日 また、UE4を使う背景アーティストの中村 基典さんが、UE4からデータをFBXエクスポートしてCLIP STUDIO PAINT EXに読み込ませ、輪郭抽出(アウトライン)したものを漫画の背景に使えるか？という試みを行っておりました。 漫画の背景にも使えるか検証。 UE4からエクスポートした３DデータをクリスタEXに
レイトレ合宿9 (https://sites.google.com/view/rtcamp9/home) のセミナーで使用した資料です。 現代のGPUにおけるプログラムの実行スタイルやレイテンシー隠蔽戦略の概要、そしてレイトレーシングとの関係について紹介しています。 https://bsky.app/profile/bsky.rayspace.xyz https://twitter.com/Shocker_0x15
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![さくらインターネットで活躍中の id:y_uukiを訪問 | はてな卒業生訪問企画 [#9] - Hatena Developer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b5961cfe7e9736ef0e88bc0290b1599481d2626/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenatech%2F20240319%2F20240319125826.jpg)
Unityで80年代風を表現してみる - KAYAC engineers' blog
three.jsで流体シミュレーション(stable fluids) | mofu
魔法使いになりたい人のためのシェーダーライブコーディング入門 - Qiita
レトロゲームのドット絵の拡大表示と EOTF/OETF の関係
結婚式のプロフィールムービーを Unity で作ってみた - 凹みTips
【Unity】グラフィックス周りを業務で扱うまでにやったこと
Reactで画像やテキストにWebGLエフェクトをかけるライブラリ作った - マルシテイア
【Unity , shader】原神の海を再現したい - Qiita
Webgl Fluid Simulation
誰も置いていかないシェーダーはじめの一歩 - KAYAC engineers' blog
Unityシェーダプログラム入門 UnlitShaderの要素を全て解説｜アマガミナブログ
腾讯TA大咖分享，做卡通渲染时对风格和影视化的探索 - 技术专栏 - Unity官方开发者社区
if文を使わずに値が0から1の範囲内に収まっているか調べる【シェーダ最適化】｜アマガミナブログ
ソースコード大公開！SYNC2022リッチなUI演出の解説をします 〜 その1
仮眠プログラマーのつぶやき : UnityでGPGPU応用編 バイトニックソートを高速化
シェーダー本を書いて得た知見まとめ - Qiita
第2回 ShaderLabでUnityシェーダを書く【Unityシェーダプログラム入門】
Shaderで計算機を作る - Imaginantia
The Apple GPU and the Impossible Bug
レイマーチングのための複雑な距離関数 - Qiita
UIだってShaderつかいたい！ Unity SYNC2022 UI演出解説 その2
【Unity】スクロールビューでもシェーダー芸がしたい！ - setchi’s blog
「原神」におけるコンソールプラットフォーム開発 | Unity Learning Materials
現代のGPUの実行スタイルとレイトレ (2023)
www.sankei.com
ameblo.jp/gitamohikeroyo
camp-fire.jp
prtimes.jp
news.yahoo.co.jp
b.hatena.ne.jp