Daily Creative Coding

元「30 min. Processing」。毎日、Creative Codingします。

GLSL

【GLSL】スケールするチェッカーパターン2

See the Pen scaled checker pattern 2 by aadebdeb (@aadebdeb) on CodePen. #define PI 3.14159265359 precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { vec2 pos = gl_FragCoord.xy …

【GLSL】回転するチェッカーパターン

See the Pen rotating checker pattern by aadebdeb (@aadebdeb) on CodePen. #define PI 3.14 precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { vec2 pos = gl_FragCoord.xy - u_resol…

【GLSL】スケールするチェッカーパターン

See the Pen scaled checker pattern by aadebdeb (@aadebdeb) on CodePen. #define PI 3.14159265359 precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { vec2 pos = gl_FragCoord.xy - …

【GLSL】溢れる光

See the Pen ambiguous light by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; // Simplex 4D Noise // by Ian McEwan, Ashima Arts // vec4 permute(vec4 x){retur…

【GLSL】アンビエント・ノイズ

See the Pen ambient noise by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; // Simplex 3D Noise // by Ian McEwan, Ashima Arts // vec4 permute(vec4 x){return …

【GLSL】2次元のバリューノイズ

See the Pen 2D value noise by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float random (in vec2 st) { return fract(sin(dot(st.xy, vec2(12.9898,78.233))) *…

【GLSL】1次元のバリューノイズ

See the Pen 1D value noise by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float random(float v) { return fract(sin(v) * 43758.5453123); } float noise(floa…

【GLSL】2次元のホワイトノイズ

See the Pen 2D white noise by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float random(vec2 st) { return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43…

【GLSL】1次元のホワイトノイズ

See the Pen 1D white noise by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float random(float v) { return fract(sin(v) * 43758.5453123); } void main(void) …

【GLSL】セルパーティクル

See the Pen cell particles by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float random(float v) { return fract(sin(v) * 1000000.0); } void main(void) { fl…

【GLSL】動くパターン

See the Pen animating pattern by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float fillCircle(vec2 pos, vec2 center, float radius) { float d = distance(po…

【GLSL】メタボール

See the Pen blobs by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float circle(in vec2 pos, in vec2 center, in float radius) { float d = distance(pos, cent…

【GLSL】RGBの縞々のリング

See the Pen RGB stripe rings by aadebdeb (@aadebdeb) on CodePen. #define TWO_PI 6.2831853 precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float wave(in vec2 position, in vec2 center, in float…

【GLSL】RGBの円

See the Pen RGB circles by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; float circle(in vec2 _position, in vec2 _center, in float _radius) { float d = dist…

【GLSL】市松模様

See the Pen checher pattern by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { vec2 pos = gl_FragCoord.xy * 0.01; vec3 color = vec3(abs(step…

【GLSL】マウスに添って広がる円

See the Pen a circle by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { float d = distance(gl_FragCoord.xy, u_resolution.xy / 2.); float v =…

【GLSL】縞々のリング

See the Pen stripe rings by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { float d = sqrt(pow(gl_FragCoord.x - u_resolution.x / 2.0, 2.0) +…

【GLSL】GLSLで縞模様

See the Pen my first first GLSL program by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float time; uniform vec2 mouse; uniform vec2 resolution; void main(void) { gl_FragColor = vec4(abs(sin(gl_FragCoord.x * 0.1)), abs…