extendskickのブックマーク - はてなブックマーク

[WebGL] Bloom表現を実装してみる - Qiita
WebGL Advent Calendar 1日目の記事です。前々からどうやるんだろうと気になっていた Bloom。どういうものかと言うと、窓から光が差し込んだりして光が溢れている様子を表現する方法です。今回はこれを実装する方法を書きたいと思います。 [2015.12.01 20:45 追記] Bloom処理でブラーの処理が不適切だったため、修正しました。 ※ 本記事はゲームエフェクトマニアックスを参考にさせてもらいました。サンプル UnityのサイトにBloomに関する記事とイメージ画像があったので引用させてもらいます。 ▼ Bloomあり ▼ Bloomなし車の窓に反射した太陽の光がふわっと広がっているのが分かるかと思います。シーンの印象自体もだいぶ違いますね。リアリティが増すのに加えて、例えばStarWarsのライトセーバーみたいに、自分が光を放つものに適用することでよ
extendskick 2020/10/21
リンク
3D、カメラ周りの勉強中なので、その情報集め。あと理解したもののメモ - Qiita
3Dについて勉強したのでその備忘録です。理解につながった記事のリンク集と、自分の理解した内容をメモとして残しています。（いくつかの画像は参考にした記事から拝借しています）実際にJavaScriptのCanvas2Dを使って簡単な自作3Dエンジンを作ってみました。自作3Dエンジンサンプル ##参考にした記事などフォグについてのPDF 自作QuaternionサンプルいわずとしれたTHREE.js(GitHub) その60 変換行列A×BとB×Aの違いを知ろう 3Dプログラミングの基礎知識(1) 3Dプログラミングの基礎知識(5) 3Dプログラミングの基礎知識(6) 3D座標変換自前でビュー変換行列を作成 3D座標変換(別記事) ワールド座標→スクリーン座標変換 1-9 座標変換其の四その39 知っていると便利？ワールド変換行列から情報を抜き出そう ##4x4行列 ##行列のか
extendskick 2015/10/18
unity
リンク
[Unity] Glowっぽいシェーダを書いてみた - Qiita
シェーダめっちゃ楽しいですねｗ最近はシェーダの勉強がメインになっていますが、ごにょごにょしてたらなんとなくそれっぽくなったので記事にしてみました。ちなみに適用したところ↓ 処理の流れ大まかな処理の流れは、通常のオブジェクトをレンダリング 2Pass目で、法線方向に膨らませたオブジェクトを視点を考慮に透明度を計算という感じです。（2Passってこういう使い方であってるんかな？）コードまずはコード。 Shader "Custom/GlowShader" { Properties { _Color ("Object's Color", Color) = (0, 1, 0, 1) _GlowColor ("Glow's Color", Color) = (1, 0, 0, 0) _Strength ("Glow Strength", Range(5.0, 1.0)) = 2.0 }
extendskick 2015/10/11
glow

unity

shader
リンク
[Unity] 1枚の毛皮画像から深度を計算するファーシェーダ - Qiita
以前、「[Unity] ファーシェーダを移植してみた」という記事でファーシェーダについて書きました。今回は、1枚の毛皮画像から深度を推測し、もっと毛皮らしい見た目にするテクニックです。こちらの記事（［CEDEC 2012］毛皮表現用プロシージャルテクスチャ生成技法はモフモフウサギの夢を見るか？　「実写画像を用いたShell Texture自動生成手法」）を参考にしました。実写の毛皮から計算してテクスチャを得る今回サンプルで使用したテクスチャは以下です。この1枚の毛皮写真だけを使ってレンダリングしたのが以下のものです。動画デモ以前紹介したテクニックではファーの長さがすべて均一に伸びていましたが、こちらは明るいところと暗いところで微妙に長さが異なり、より毛皮らしい雰囲気になっているのが分かるかと思います。理論参考にした記事で発表された内容は、「毛皮の写真の輝度から深度を推測す
extendskick 2015/09/13
fur

unity
リンク
1