The Book of Shaders
by Patricio Gonzalez Vivo and Jen Lowe This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders. Contents About this book Getting started What is a shader? “Hello world!” Uniforms Running your shader Algorithmic drawing Shaping functions Colors Shapes Matrices Patterns Generative designs Random Noise Cellular noise Fractional brownian motion Fractals Image
Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips
はじめに 近年の GPU の進化に伴い 3D 周りの表現力がとても豊かになりました。そしてこの多彩な表現を可能としているのはシェーダによるところが大きく、シェーダを理解して書くことが出来ると、表現できることの幅がとても広がります。 Unity では素晴らしいことにシェーダを強力にサポートしていて、多様なデフォルトのシェーダに加え、カスタムシェーダを簡単に作るための土台が用意されています。しかしながら、パッとリファレンスや色々なサイトを見ただけでは、何がどうなっていて何をどうすれば良いのかなかなか分からないところがあります。 そこで、これから始める人の参考になればと思い、勉強しながら理解したことをまとめておこうと思います。調べながら書いているので、間違いなども多々あると思いますが、見つけた際はコメントや Twitter などでご指摘いただけると嬉しいです。 シェーダで色々出来る例 Unity
グレースケールのアニメーション表示をしてみる - WonderPlanet DEVELOPER BLOG
今回のエンジニアブログを担当する大原です。 演出部分を作っていく中で、色付きのキャラクタからグレーに向かってアニメーションさせたいときがあります。 Cocos2d-xで簡単に実装するのであれば、色付きの画像を奥にグレースケールの画像を手前に用意することで、グレースケールを透過させるアニメーションを実装するのが一番簡単な方法です。 しかし、その場合2種類分の画像を用意しなければならず、画面全体を覆うようなテクスチャであれば、容量を圧迫します。 そこで、Shaderによるグレースケールの変換を行いたいと思います。 シェーダーのコーディング まずは、Shaderコードを書きます。 頂点シェーダーはとても単純なものです。 attribute vec4 a_position; attribute vec2 a_texCoord; attribute vec4 a_color; #ifdef GL_E
3Dモデルがドット絵に！「ドット絵シェーダー」公開！
くし(@kushi34123616bd)さんが3Dモデルからドット絵をつくる「ドット絵シェーダー」を公開しました。 さっそく使用した映像が投稿されたりしているようです。 これはすごい！
川獺アルカディア − cocos2d-x v3.0 シェーダを使ってみる
シェーダなんて今まで触ったことないような私ですが、 使ってみたくなったので挑戦してみました。 ちゃんと理解してない状態で書いてるんで、間違ったこと言ってるかもしれません。 こんな感じで書けば一応動くんだなぁ程度の気持ちでご覧ください。 今回やってみるのはモザイクです。 OpenGLのシェーダはGLSLという言語で書くそうです。 そして、頂点シェーダとフラブメントシェーダの２つのファイルが必要です。 細かいことはあんまりよくわかってないですけど、適当にググりながら試行錯誤したら↓のコードが出来上がりました。 mosaic.vsh attribute vec4 a_position; attribute vec2 a_texCoord; attribute vec4 a_color; varying vec4 v_fragmentColor; varying vec2 v_texCoord;
Shdr Editor
Shdr is an online ESSL (GLSL) shader editor, viewer and validator powered by WebGL. Author: Thibaut Despoulain Version: 0.2.161211 Inspired by MrDoob's live HTML editor. Powered by Three.js, Ace.js, RawDeflate.js and jQuery. Icons by FontAwesome, Suzanne from Blender, HexMKII from HexGL. Issues, feature requests, contributions: Fork me on GitHub!
Shadertoy BETA
Build and Share your best shaders with the world and get Inspired Latest contributions: "Gradinhas" by Elsio 9 minutes ago, "cirlccleMaking" by jessesound 45 minutes ago, "Simple Raytraced Sphere Example" by Spheya 1 hour ago, "Better Graphing Calculator" by ThePlaneGuy45 2 hours ago, "dancing points" by nayk 2 hours ago
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - patriciogonzalezvivo/glslViewer: Console-based GLSL Sandbox for 2D/3D shaders
GitHub - patriciogonzalezvivo/thebookofshaders: Step-by-step guide through the abstract and complex universe of Fragment Shaders.
http://kushi.lv9.org/pixelartshader/index.html