【Unity】テクスチャの色空間設定（sRGBチェックボックス）の意味と挙動まとめ - LIGHT11
Unityにおけるテクスチャの色空間設定（sRGBチェックボックス）の意味と挙動をまとめました。 はじめに テクスチャと色空間 RenderTextureと色空間 参考 関連 Unity2019.2.18 はじめに Unityではテクスチャ毎に、格納されている値の色空間の設定を行うことができます。 テクスチャ設定のsRGB(Color Texture)がこれにあたります。 ガンマのワークフローで作業する場合にはこの設定値は意識することが無いと思いますが、 リニアワークフローを使う場合にはきちんと挙動を理解する必要があります。 そこでこの記事ではテクスチャと色空間の関係についてまとめます。 なお、本記事の内容はリニアワークフローの基礎知識があることを前提としています。 これに関しては以下の記事にまとめていますので、必要に応じて参照してください。 light11.hatenadiary.com
object space raymarching - primitive: blog
夏コミ版 exception reboot で用いた、オブジェクトスペースでレイマーチする手法について解説してみます。(ここで言うレイマーチは厳密には sphere tracing のことですが、面倒なのでレイマーチで統一します) アイデア自体は特に新しくも難しくもなく、シーン内に単純なポリゴンモデルを配置し、そのモデルの中でレイマーチを行うというものです。レイマーチにより G-Buffer を生成し、あとは通常通りライティングを行います。 レイマーチについては過去にこの blog でも簡単な入門を書きました。最近では日本語でも結構情報が出てくるくらい知名度が上がってきているように見受けられます。 raymarching for games - primitive: blog レイマーチで G-Buffer を生成する手法もしばらく前にこの blog で紹介しました。 rendering
Unity で Compute Shader を使ったスクリーンスペース衝突有りの GPU パーティクルを作ってみた - 凹みTips
はじめに コンピュートシェーダを使った GPU パーティクルを試してみます。GPU パーティクルを出す方法はいくつかあるのですが、任意のメッシュを利用したかったため、コンピュートシェーダを使った擬似インスタンシングによる方法を利用してみました。 参考：Render Massive Amount of Objects in Unity スクリーンスペースでの衝突および任意のタイミングでの生成・消滅をさせるところまでやってみました。 デモ コード GitHub - hecomi/UnityPseudoInstancedGPUParticles: GPU Particles w/ Screen Space Collision Example. 環境 Windows 10 Unity 5.4.0b17 コンピュートシェーダの基礎 こちらのページで翻訳されている ScrawkBlog がとてもわかり
Unity 2017.1 の機能の CustomRenderTexture を使ってみた - 凹みTips
はじめに keijiro さんの以下のつぶやきを見て Unity 2017.1 から CustomRenderTexture という新しいテクスチャが導入されたことを知りました。 Real time reaction-diffusion system with CustomRenderTexture (Unity 2017.01) https://t.co/NvZhkNTS1s pic.twitter.com/O1nJ09eHPu— Keijiro Takahashi (@_kzr) 2017年5月14日 従来でも Graphics.Blit() などで似たようなことが出来たと思いますが、これを使うと最低限のスクリプト、またはスクリプト無しで簡単にプロシージャルテクスチャを作ることが出来ます。 デモ 波動方程式をシミュレーションするシェーダと、シミュレーション結果をテッセレーションした P
うにばな （シェーダ的なもの オフスクリーン・パーティクル） : Yaminabe
今回は次世代機などで使用されているパーティクル描画の最適化手法である大量のパーティクルを描画するオフスクリーンパーティクルについてのまとめです。 ディファードレンダリング と リアルタイムのテクスチャレンダリング のサポートが必要になりますので プロバージョンの使用が前提です。そして現在Unityはモバイルのディファードレンダリングをサポートしていません。 ですのでPCでの使用に限られていまいますが、プロ版をお持ちでない方も こういう高速化技術があることを覚えておいていずれ活用していただければと思います。 デイファードレンダリングがどのようなものかを知っておく必要があります 。 日本語でわかりやすかったのが ■ 西川善司の3Dゲームファンのための「KILLZONE 2」グラフィックス講座(前編) PS3のハイクオリティグラフィックスはDeferred Shadingでキマリ!? http:
頂点空間表面下散乱(VSSS:Vertex Space Subsurface Scattering) - UnityShader 入門
最近色々忙しくて全然更新できていませんでしたが、 ちょうどいいネタを思いついたのと、アドカレが期限超過で1枠空いてたので代わりに投下します。 実装に丸1日、記事書くのに1日くらいかかりました。 目次 表面下散乱(Subsurface Scattering)とは？ SSSで出来ること 実装に際しての考え方 実装方法:ランバート反射 実装方法:ハーフランバート 実装方法:曲率を考慮したシェーダ 実装方法:テクスチャ空間での拡散(Texture Space Diffusion:TSD) 実装方法:スクリーン空間での拡散(Screen Space Subsurface Scattering:SSSS) 実装方法:Translucent Shadow Maps:TSM 頂点空間表面下散乱(VSSS:Vertex Space Subsurface Scattering) 実装手順 結果 まとめ 参考
その55 そもそも「w」って何なのか？
ホーム < ゲームつくろー！ < DirectX技術編 その55 そもそも「w」って何なのか？ ローカル座標にある頂点は(x,y,z,w)という4次元のベクトルで定義されます。「w」･･･これ、謎な存在です。しかも、ローカル座標にある状態では、w=1とします。w=1･･･なぜ？どうして0じゃないの？そもそもコレ何？何に使われているの？どうして必要なの？謎な存在の疑問は尽きません。 そこで、この章ではそんな不思議な存在wの値の意義について調べてみたいと思います。 ① wの変化の旅を見てみよう wが実際にどう作用しているのか、実際にローカルから画面に描画されるまでのプロセスで確かめてみるとよ～～くわかります。長い旅に出発です。 まず、ローカル座標にある頂点は、冒頭で出てきたように(x,y,z,w=1)で定義されます。今、この頂点にワールド変換行列を掛け算してみます： 行列中の「m」というのはス
Mesh Bakerを使ってメッシュをまとめ、Draw Callsを1306から6にしてみた【Unity】【アセット】 - (:3[kanのメモ帳]
はじめに JKコンバットオンラインを作る際に、ゲームの舞台となる校舎のアセットがモバイル用では無かったため、なんとか軽くしようとしてみました。 JKコンバットオンライン 予約トップ10 iOS JKコンバットオンライン 予約トップ10 Android 結果、劣化はあるもののそれなりにモバイル用ではないアセットも使うことができました。 Japanese School Buildings Kit 実際にJKコンバットオンラインに使った校舎のアセットは以下のJapanese School Buildings Kitです。 Japanese School Buildings Kit | 3D Urban | Unity Asset Store 見ての通り、高クオリティなのですが、その分かなり重い… でもこれで$30は安い…！ Draw Calls Japanese School Buildings
![Mesh Bakerを使ってメッシュをまとめ、Draw Callsを1306から6にしてみた【Unity】【アセット】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/97b48e64b7fb038a6b5dabc7ae328f03d71a2a42/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkan_kikuchi%2F20141214%2F20141214101258.jpg)
Unity ShaderLabでのあれこれ
最近Unityを触っています。ShaderLabでiOS向けシェーダーを書いているのですが、その中で気づいたことなど書いてみます。 ●モバイル向けシェーダーの心得 各種Unity勉強会に出ましたけど、iOS等モバイル向けシェーダーではリアルタイムライティングはご法度ということ。普通はバーテックスシェーダー内でライトマップを参照したり、ライトプローブを参照して色を取ってきてフラグメントシェーダーで色を載せるということをやるようです。 いい例となるのがShadowGunのシェーダーサンプル。このアプリではリアルタイムライティングは完全に行っていませんでした。背景など動かないものはライトマップの参照がメイン。カメラからの相対ベクトルでの擬似スペキュラーライティングを若干与えているので、これについては平行光源での頂点ライティングと同じくらいの処理負荷はかかるものと思われます。キャラでは、ライトプロ
【レポート】ジオメトリシェーダをひも解く、Vistaで到来するDirectX 10時代 (6) ファー(毛皮:Fur)シェーダにおけるアクセラレーション | パソコン | マイナビニュース
さらには、ファー(毛皮:Fur)シェーダや、草を生やす場合などにおけるアクセラレーションが挙げられる。 ファーシェーダの例 「毛皮」(草も以下、同義と仮定して省略)の表現はリアルタイム3Dグラフィックスにおいては結構負荷の高いテーマだ。 大別して2つのアプローチがあり、まずは"毛"テクスチャを貼り付けたポリゴンを、3Dキャラクタに植え込むアプローチがある。このアプローチは毛のヒレを植え込むイメージになるので「フィン(Fin:ヒレ)」法と呼ばれる。 フィン法は毛が立っている方向に見る分にはフサフサした感じが得られるのだが、毛先がこちらに向いているような方向で見た時にはボリューム感が足りないという弱点がある。 「フィン」による毛。毛ヒレなどといわれる。毛ヒレを連結して長髪を表現することも多い こうしたケースのために、毛の断面図を法線マップ化し、これバンプマッピングする要領で半透明で少しずつ間隔
オンラインでシェーダもモデルもリアルタイム編集可能なゲームエンジン KickJS のサイト - webgl and javascript
KickJS | WebGL game engine オンラインエディタまで一式あるのは素晴らしいなと思った。 サイトの雰囲気にも、あんまり華やかさはないけど example も揃っているし、技術を見稽古するにはいいかもしれない。
その６ HLSLの根っこ：最初の最初からやってみる
ホーム < ゲームつくろー！ < プログラマブルシェーダ編 < HLSLの根っこ：最初の最初からやってみる その６ HLSLの根っこ：最初の最初からやってみる HLSL（High-Level Shader Language：上位レベルシェーダ言語）は頂点シェーダ及びピクセルシェーダを記述できる言語です。前章までのアセンブリによるプログラムは仕組みとしては単純なのですが、やはりアルゴリズムの構築がパズルのようで、可読性の点からも厳しいものがあります。一方でHLSLはC言語風の表記方法で、はるかに読みやすいシェーダプログラムを書くことができます。これはちょうどアセンブラとC言語の関係と同じです。そう考えると世の中がHLSLに移行するのは目に見えています。 HLSLについて書かれた本は沢山あります。ただ、私がアホなだけかもしれませんが、なぜだか本を見てもすっと理解できないんですよ(^-^;。それ
GLSLシェーダによるカートゥーンレンダリング
今日は、GLSLによるカートゥーンを紹介しようと思います。割と簡単にでき、それなりに見栄えがするからです。その応用として、輪郭線も描画します。 カートゥーンの原理 カートゥーンはセルアニメ調のレンダリングです。左下の図に示すように、頂点vにおいて、法線と光源ベクトル（頂点から光源へのベクトル）との内積（照度）を、右下の図のようなテクスチャのs座標に当てはめることで簡単に実現できます。 更に、次の図の左のように、視線ベクトルと法線の内積を考えると、輪郭となる部分はほぼ0になります。そのため、その内積をt座標に割り当てることで、輪郭線を実現できます。 s座標もt座標も単位ベクトル同士の内積で計算できますが、その範囲は-1～1になるため、テクスチャマッピング（glTexParameterによる指定）をクランプに設定する必要があります。 バーテックスシェーダ（頂点シェーダ） 今回は、頂点シェーダで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フラグメントシェーダの実装チュートリアルや小さなデモが多数公開されているブログ xdPixel - WebGL 総本山
Stencil Buffer Glows - Part 1
プログラマブルシェーダー編