diff --git a/1/index.html b/1/index.html new file mode 100644 index 0000000..827e55b --- /dev/null +++ b/1/index.html @@ -0,0 +1,15 @@ + + + + + + Generative Art - seigler.github.io + + + + + + + + + diff --git a/app-29573c47.js b/app-29573c47.js new file mode 100644 index 0000000..64363a5 --- /dev/null +++ b/app-29573c47.js @@ -0,0 +1 @@ +!function(){"use strict";var e="undefined"==typeof global?self:global;if("function"!=typeof e.require){var r={},o={},n={},t={}.hasOwnProperty,i=/^\.\.?(\/|$)/,a=function(e,r){for(var o,n=[],t=(i.test(r)?e+"/"+r:r).split("/"),a=0,s=t.length;a.5){u.fill("#000");var z=e.random(2*Math.PI),B=e.random(.1,1.5)*U/2,C=B*e.random(-.7,.3);u.circle((a+(C+U)*Math.cos(z))/2,(a+(C+U)*Math.sin(z))/2,2*B)}do{var W=e.random(2*Math.PI),D=e.random(2*Math.PI);u.stroke(0),u.strokeWeight(1+U*Math.pow(e.random(.7368),3)),u.line(a*(Math.sin(W)+.5),a*(Math.cos(W)+.5),a*(Math.sin(D)+.5),a*(Math.cos(D)+.5))}while(e.random()<.5+.45*E);var I=e.random(0,2*Math.PI),H=e.random(M),O=t/(b-1)*q+H*Math.cos(I),$=i/(g-1)*y+H*Math.sin(I);e.image(u,O-a/2,$-a/2)}v.shader(w),w.setUniform("u_resolution",[t,i]),w.setUniform("u_alpha",.05),v.rect(0,0,t,i),e.blendMode(e.OVERLAY),e.image(v,0,0)}function o(r){var o=0,n=0,t=null;for(o=r.length-1;o>0;o-=1)n=Math.floor(e.random()*(o+1)),t=r[o],r[o]=r[n],r[n]=t}e.disableFriendlyErrors=!0;var n=void 0,t=void 0,i=void 0,a=void 0,s=void 0,d=void 0,c=void 0,l=void 0,u=void 0,f=void 0,h=void 0,v=void 0,m=void 0,p=void 0,w=void 0;e.preload=function(){m=e.loadShader("../shaders/base.vert","../shaders/blur-two-pass.frag"),p=e.loadShader("../shaders/base.vert","../shaders/blur-two-pass.frag"),w=e.loadShader("../shaders/base.vert","../shaders/white-noise.frag")},e.setup=function(){d=2,c=2,s=70,window.onhashchange=function(){n=window.location.hash.substr(1),r()},n=window.location.hash.substr(1),e.noStroke(),e.colorMode(e.HSB,100),t=e.windowWidth,i=e.windowHeight,l=e.createCanvas(t,i),a=1.75*(t+i)/Math.sqrt(s),u=e.createGraphics(a,a),f=e.createGraphics(a,a,e.WEBGL),h=e.createGraphics(a,a,e.WEBGL),v=e.createGraphics(t,i,e.WEBGL),u.noStroke(),f.noStroke(),h.noStroke(),v.noStroke(),r()},e.draw=function(){},e.keyPressed=function(){" "==e.key?(n=null,r()):"s"==e.key&&e.saveCanvas("seigler-p5-1-gradient_burst-"+n+".jpg","jpg")},e.doubleClicked=function(){n=null,r()};var M=void 0;e.windowResized=function(){clearTimeout(M),M=setTimeout(function(){window.location.reload()},100)}})}),require.register("___globals___",function(e,r,o){})}(),require("___globals___"),require("initialize"); \ No newline at end of file diff --git a/app-75d0b445.css b/app-75d0b445.css deleted file mode 100644 index 67e15eb..0000000 --- a/app-75d0b445.css +++ /dev/null @@ -1 +0,0 @@ -body,html{height:100%}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:#000;padding:.5em 1em;border-top-right-radius:.5em} \ No newline at end of file diff --git a/app-8f881de3.js b/app-8f881de3.js deleted file mode 100644 index c5009bc..0000000 --- a/app-8f881de3.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";var e="undefined"==typeof global?self:global;if("function"!=typeof e.require){var r={},o={},n={},t={}.hasOwnProperty,i=/^\.\.?(\/|$)/,a=function(e,r){for(var o,n=[],t=(i.test(r)?e+"/"+r:r).split("/"),a=0,s=t.length;a.5){l.fill("#000");var B=e.random(2*Math.PI),W=e.random(.1,1.5)*E/2,z=W*e.random(-.7,.3);l.circle((a+(z+E)*Math.cos(B))/2,(a+(z+E)*Math.sin(B))/2,2*W)}do{var C=e.random(2*Math.PI),D=e.random(2*Math.PI);l.stroke(0),l.strokeWeight(1+E*Math.pow(e.random(.7368),3)),l.line(a*(Math.sin(C)+.5),a*(Math.cos(C)+.5),a*(Math.sin(D)+.5),a*(Math.cos(D)+.5))}while(e.random()<.5+.45*y);var I=e.random(0,2*Math.PI),H=e.random(M),O=t/(b-1)*q+H*Math.cos(I),$=i/(g-1)*U+H*Math.sin(I);e.image(l,O-a/2,$-a/2)}h.shader(p),p.setUniform("u_resolution",[t,i]),p.setUniform("u_mean",.5),p.setUniform("u_variation",.5),h.rect(0,0,t,i),e.blendMode(e.OVERLAY),e.image(h,0,0)}function o(r){var o=0,n=0,t=null;for(o=r.length-1;o>0;o-=1)n=Math.floor(e.random()*(o+1)),t=r[o],r[o]=r[n],r[n]=t}e.disableFriendlyErrors=!0;var n=void 0,t=void 0,i=void 0,a=void 0,s=void 0,d=void 0,c=void 0,l=void 0,u=void 0,f=void 0,h=void 0,v=void 0,m=void 0,p=void 0;e.preload=function(){v=e.loadShader("shaders/base.vert","shaders/blur-two-pass.frag"),m=e.loadShader("shaders/base.vert","shaders/blur-two-pass.frag"),p=e.loadShader("shaders/base.vert","shaders/white-noise.frag")},e.setup=function(){d=2,c=2,s=70,window.onhashchange=function(){n=window.location.hash.substr(1),r()},n=window.location.hash.substr(1),e.noStroke(),e.colorMode(e.HSB,100),t=e.windowWidth,i=e.windowHeight,e.createCanvas(t,i),a=1.75*(t+i)/Math.sqrt(s),l=e.createGraphics(a,a),u=e.createGraphics(a,a,e.WEBGL),f=e.createGraphics(a,a,e.WEBGL),h=e.createGraphics(t,i,e.WEBGL),l.noStroke(),u.noStroke(),f.noStroke(),h.noStroke(),r()},e.draw=function(){},e.keyPressed=function(){" "==e.key&&(n=null,r())},e.doubleClicked=function(){n=null,r()}})}),require.register("___globals___",function(e,r,o){})}(),require("___globals___"),require("initialize"); \ No newline at end of file diff --git a/app-c1dfc3c0.css b/app-c1dfc3c0.css new file mode 100644 index 0000000..f1219ec --- /dev/null +++ b/app-c1dfc3c0.css @@ -0,0 +1 @@ +*,:after,:before{box-sizing:inherit}body,html{height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em} \ No newline at end of file diff --git a/index.html b/index.html index 890037b..26c948c 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,17 @@ - - - - Generative Art - seigler.github.io - - - -
Press space or double click for a new one
- - - - + + + + Generative Art - seigler.github.io + + + +
+

P5.js generative art

+
    +
  1. gradient burst
  2. +
+
+ diff --git a/shaders/white-noise.frag b/shaders/white-noise.frag index 4ee26c9..4446705 100644 --- a/shaders/white-noise.frag +++ b/shaders/white-noise.frag @@ -1,17 +1,21 @@ precision mediump float; uniform vec2 u_resolution; +uniform float u_alpha; -float random (vec2 st) { - return fract(sin(dot(st.xy, - vec2(12.9898,78.233)))* - 43758.5453123); +highp float random(vec2 co) { + highp float a = 12.9898; + highp float b = 78.233; + highp float c = 43758.5453; + highp float dt= dot(co.xy, vec2(a, b)); + highp float sn= mod(dt, 3.14); + return fract(sin(sn) * c); } void main() { vec2 st = gl_FragCoord.xy/u_resolution.xy; - float rnd = random( st ); + float rnd = random(st); - gl_FragColor = vec4(vec3(rnd),0.05); + gl_FragColor = vec4(vec3(rnd), u_alpha); }