Unity - Manual: Surface Shader examples
The Surface ShadersA streamlined way of writing shaders for the Built-in Render Pipeline. More info See in Glossary examples on this page show you how to use the built-in lighting models. For examples on how to implement custom lighting models, see Surface Shader Lighting Examples. In the Built-in Render Pipelne, Surface ShadersA program that runs on the GPU. More info See in Glossary are a stream
User Tutorial-Realistic looking animated real-time clouds | Cocos2d-x
Developers Manual > Cocos2d-x > How To > User Contributed Tutorials > User Tutorial-Realistic looking animated real-time clouds Realistic looking animated real-time clouds¶ Contributed By: KJS In this tutorial you will learn how to do multitexturing with cocos2d-x 3.0, create your own shader, and how to modify shader variables at runtime. The effect we are creating is realistic looking real-time
WebGLで抑えておきたいシェーダーの定番画像処理8選 – ICS MEDIA
WebGLのシェーダーGLSLでの画像処理の作り方（モノクロ、セピア、モザイク、渦巻き） WebGLを使うと画像処理が実現でき、HTMLコンテンツに多彩なグラフィカル表現をもたらすことができます。たとえば、表示をモノクロームやモザイクにするといった画像エフェクトは簡単に実現できます。 WebGLはGPUの恩恵を受けれるため高速に実行でき、他の代替手法（canvas要素Context2Dオブジェクトによる画像処理等）よりも負荷が軽いのが利点です。 今回はWebGLの定番JSライブラリ「Three.js」とGLSLというシェーダー言語を使った、9種類の画像処理の実装方法を紹介します。ソースコードは「GitHub」からダウンロードして読み進めてください。 サンプルを試してみよう 次のサンプルでは複数のシェーダーを適用できます。画面左上のチェックボックスで画像加工を選択でき、ラジオボタンから画像と
Live editing WebGL shaders with Firefox Developer Tools – Mozilla Hacks - the Web developer blog
If you’ve seen Epic Games’ HTML5 port of ‘Epic Citadel’, you have no doubt been impressed by the amazing performance and level of detail. A lot of the code that creates the cool visual effects you see on screen are written as shaders linked together in programs – these are specialized programs that are evaluated directly on the GPU to provide high performance real-time visual effects. Writing Vert
Android Recipe #2, fun with shaders – Romain Guy
December 13th, 2012, Android. In this second recipe I will show you how to implement something that won’t be commonly used but fun nonetheless. It will however teach you how to implement advanced visual effects using Android’s animation engine and a very simple drawing trick. The picture below shows the effect: an animated spotlight slowly reveals an arbitrarily complex set of views (in this examp
遅延シェーディング ”Deferred Shading Tutotrial”の概要 - OLD hanecci’s blog : 旧 はねっちブログ
遅延シェーディングのチュートリアルである"Deferred Shading Tutotrial"を復習したので, その概要について書かせていただきます. Deferred Shading TutotrialのURL http://www710.univ-lyon1.fr/~jciehl/Public/educ/GAMA/2007/Deferred_Shading_Tutorial_SBGAMES2005.pdf 複数のオブジェクト(objects)と複数の光源(lights)があり, そのシーンをZバッファ法でポリゴンを描画する場合, 以下のような描画ループになります. for object in objects: for light in lights: frame_buffer = draw(object, light);この描画方法の問題点は, Zバッファを使った深度テストをパスする
HLSLの言語仕様
C) エフェクトファイルリファレンス エフェクトファイルとして書くHLSLの言語仕様を見てみましょう。HLSLは、現状ではまだ簡単な言語ですが、それでも覚えなくてはならないことは山のようにあります。一度に全てを覚えることなど、とてもできないので、気になったとき（コンパイラにエラーだと言われた時ともいいますが）に、確認する程度の気楽な感じで眺めてください。 最初に気になるのが、どのような変数が使えるかということです。HLSLでは、ベクトルや行列が基本的な型に使えるといった他ではあまり見ない特徴をもっていたりします。また、セマンティクスと呼ばれる、頂点シェーダとピクセルシェーダの間等を橋渡しするためのキーワードを持っていたりします。といっても、それ以外はほとんどＣ言語なので、サンプルについているエフェクトファイル等のサンプルを見て、書き方に慣れていけば、そんなに不自然は感じないと思います
wgld.org | WebGL: シェーダの記述と基礎 |
GLSL について知る WebGL では固定機能パイプラインが利用できません。これについては以前のテキスト(レンダリングのための下準備)でも少し触れましたね。 その代わりに、いわゆるプログラマブルシェーダの一種であるシェーダ言語が実装されています。それが GLSL ( OpenGL Shading Language )です。 GLSL は OpenGL との親和性を持つシェーダ記述言語で、C 言語ライクな独自の文法によって記述します。WebGL の難点の一つがこの GLSL であり、GLSL を理解しなければそもそもレンダリング自体を行なうことができません。WebGL の基本プログラムの知識に加えて、GLSL の知識も必要になるのでちょっと大変ですね。 ただし、基本的なことをやるだけであればそれほど難しくはありません。それに、慣れてしまうとシェーダを自分で記述できることの利点のほうが大きく
シェーダー - Wikipedia
シェーダー（英: shader）はグラフィックスパイプラインを構成する各ステージの挙動を記述したプログラムである[1][2]。 また狭義にはグラフィックスパイプライン中のシェーディング（陰影処理）に関する挙動を記述したプログラムを指す[3]。 3DCGは様々な要素技術の集まりである。物体を三角形の集合で表現するモデリング、動きを計算するアニメーション・物理演算、見た目を生成するレンダリングなどである。レンダリングは複数の段階からなるパイプライン（レンダリングパイプライン）で成っており、現代のレンダリングパイプラインはプログラム可能なステージを多数含んでいる。これにより柔軟なグラフィックスが実現可能になっている。 このプログラム可能なステージの挙動を記述したスクリプトがシェーダーである[1]。実現したいグラフィックスに合わせて各ステージの挙動を専用のシェーディング言語で記述し、このプログラム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity - Manual: Tutorial: ShaderLab and fixed function shaders
How to use "Opengl Shader" in cocos2d-x3.0
プログラマブルシェーダー編
PA9 DA6