FiFiWiki2

FiFiWikiの第2版

ユーザ用ツール

サイト用ツール


opengl

シェーダーについて

OpenGLで線を書くだけでは。どうもださい。PCっぽさがとれない。 シェーダー?を使ってぼかしたり、ブラーをかけたりできなかと調べ始めた。 バーテックスシェーダーとフラグメントシェーダがある。

GLSLで簡単2Dエフェクト « demoscene.jp

GLSL で光の点をぐるぐるアニメーションさせるやつ書いてみた - 凹みTips

\[連載\]やってみれば超簡単! WebGL と GLSL で始める、はじめてのシェーダコーディング(9) - Qiita

オンラインエディタ

シェーダの言語リファレンス

フラグメントシェーダーのおまじない

#ifdef GL_ES
precision mediump float;
#endif

uniform vec2  resolution;
uniform float time;
uniform sampler2D backbuffer;

float w = resolution.x;
float h = resolution.y;

ブラー

ブラーはbackbufferを使うんだと思う

void main() {
	vec4 color = vec4(0.0);
	vec2 texPos = vec2(gl_FragCoord.xy/resolution);
	vec4 shadow = texture2D(backbuffer, texPos)*0.7;
	gl_FragColor = color + shadow;
}

ブラーの参考が乗っている  GLSLで簡単2Dエフェクト « demoscene.jp

モーションブラー

opengl.txt · 最終更新: 2018/02/27 13:08 by fifi