publish: Add noise

generated from commit 251cec931d4bd49e402105964a8b2d087f1ebd87
This commit is contained in:
Joshua Seigler 2019-11-05 14:40:56 -05:00
parent 31b6727b5d
commit f2393d2fe7
6 changed files with 19 additions and 2 deletions

View file

@ -1 +0,0 @@
!function(){"use strict";var r="undefined"==typeof global?self:global;if("function"!=typeof r.require){var e={},o={},n={},t={}.hasOwnProperty,i=/^\.\.?(\/|$)/,a=function(r,e){for(var o,n=[],t=(i.test(e)?r+"/"+e:e).split("/"),a=0,s=t.length;a<s;a++)o=t[a],".."===o?n.pop():"."!==o&&""!==o&&n.push(o);return n.join("/")},s=function(r){return r.split("/").slice(0,-1).join("/")},d=function(e){return function(o){var n=a(s(e),o);return r.require(n,e)}},c=function(r,e){var n=p&&p.createHot(r),t={id:r,exports:{},hot:n};return o[r]=t,e(t.exports,d(r),t),t.exports},l=function(r){return n[r]?l(n[r]):r},u=function(r,e){return l(a(s(r),e))},f=function(r,n){null==n&&(n="/");var i=l(r);if(t.call(o,i))return o[i].exports;if(t.call(e,i))return c(i,e[i]);throw new Error("Cannot find module '"+r+"' from '"+n+"'")};f.alias=function(r,e){n[e]=r};var h=/\.[^.\/]+$/,v=/\/index(\.[^\/]+)?$/,m=function(r){if(h.test(r)){var e=r.replace(h,"");t.call(n,e)&&n[e].replace(h,"")!==e+"/index"||(n[e]=r)}if(v.test(r)){var o=r.replace(v,"");t.call(n,o)||(n[o]=r)}};f.register=f.define=function(r,n){if(r&&"object"==typeof r)for(var i in r)t.call(r,i)&&f.register(i,r[i]);else e[r]=n,delete o[r],m(r)},f.list=function(){var r=[];for(var o in e)t.call(e,o)&&r.push(o);return r};var p=r._hmr&&new r._hmr(u,f,e,o);f._cache=o,f.hmr=p&&p.wrap,f.brunch=!0,r.require=f}}(),function(){"undefined"==typeof window?this:window;require.register("initialize.js",function(r,e,o){"use strict";document.addEventListener("DOMContentLoaded",function(){e("sketches/1")})}),require.register("sketches/1.js",function(r,e,o){"use strict";new p5(function(r){function e(){if(n)r.randomSeed(n);else{var e=Math.floor(r.random(1e12));window.location.hash=e,r.randomSeed(e)}r.noiseSeed(r.random()),r.blendMode(r.BLEND),r.background("#000"),r.blendMode(r.ADD);for(var h=2,v=t*i/s,m=Math.sqrt(v),p=Math.max(1,Math.round(i/m))+1,w=Math.max(1,Math.round(t/m))+1,M=r.random(0,1e3),b=[],g=0;g<p*w;g++)b[g]=g;o(b);for(var _=0;_<p*w;_++){var k=b[_]%w,S=Math.floor(b[_]/w);d.noStroke(),d.background("#000");var x=r.noise(M+S/p*h,M+k/w*h),q=a*x,y=r.color(100*r.random(),100,90*x+10,70*x+10);d.fill(y),d.circle(a/2,a/2,q);for(var P=2,U=a/80,j=0;j<P;j++){var E=(P-j)*U/P;c.shader(u),u.setUniform("tex0",0==j?d:l),u.setUniform("texelSize",[E/a,E/a]),u.setUniform("direction",[1,0]),c.rect(0,0,a,a),l.shader(f),f.setUniform("tex0",c),f.setUniform("texelSize",[E/a,E/a]),f.setUniform("direction",[0,1]),l.rect(0,0,a,a)}if(d.image(l,0,0,a,a),r.random()>.5){d.fill("#000");var G=r.random(2*Math.PI),L=r.random(.1,1.5)*q/2,z=L*r.random(-.7,.3);d.circle((a+(z+q)*Math.cos(G))/2,(a+(z+q)*Math.sin(G))/2,2*L)}do{var B=r.random(2*Math.PI),C=r.random(2*Math.PI);d.stroke(0),d.strokeWeight(1+q*Math.pow(r.random(.7368),3)),d.line(a*(Math.sin(B)+.5),a*(Math.cos(B)+.5),a*(Math.sin(C)+.5),a*(Math.cos(C)+.5))}while(r.random()<.5+.45*x);var D=r.random(0,2*Math.PI),I=r.random(m),W=t/(w-1)*k+I*Math.cos(D),H=i/(p-1)*S+I*Math.sin(D);r.image(d,W-a/2,H-a/2)}}function o(e){var o=0,n=0,t=null;for(o=e.length-1;o>0;o-=1)n=Math.floor(r.random()*(o+1)),t=e[o],e[o]=e[n],e[n]=t}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;r.preload=function(){u=r.loadShader("shaders/blur-two-pass/base.vert","shaders/blur-two-pass/blur.frag"),f=r.loadShader("shaders/blur-two-pass/base.vert","shaders/blur-two-pass/blur.frag")},r.setup=function(){s=100,window.onhashchange=function(){n=window.location.hash.substr(1),e()},n=window.location.hash.substr(1),r.noStroke(),r.colorMode(r.HSB,100),t=r.windowWidth,i=r.windowHeight,a=1.75*(t+i)/Math.sqrt(s),r.createCanvas(t,i),d=r.createGraphics(a,a),c=r.createGraphics(a,a,r.WEBGL),l=r.createGraphics(a,a,r.WEBGL),d.noStroke(),c.noStroke(),l.noStroke(),e()},r.draw=function(){},r.keyPressed=function(){" "==r.key&&(n=null,e())},r.doubleClicked=function(){n=null,e()}})}),require.register("___globals___",function(r,e,o){})}(),require("___globals___"),require("initialize");

1
app-8f881de3.js Normal file
View file

@ -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<s;a++)o=t[a],".."===o?n.pop():"."!==o&&""!==o&&n.push(o);return n.join("/")},s=function(e){return e.split("/").slice(0,-1).join("/")},d=function(r){return function(o){var n=a(s(r),o);return e.require(n,r)}},c=function(e,r){var n=p&&p.createHot(e),t={id:e,exports:{},hot:n};return o[e]=t,r(t.exports,d(e),t),t.exports},l=function(e){return n[e]?l(n[e]):e},u=function(e,r){return l(a(s(e),r))},f=function(e,n){null==n&&(n="/");var i=l(e);if(t.call(o,i))return o[i].exports;if(t.call(r,i))return c(i,r[i]);throw new Error("Cannot find module '"+e+"' from '"+n+"'")};f.alias=function(e,r){n[r]=e};var h=/\.[^.\/]+$/,v=/\/index(\.[^\/]+)?$/,m=function(e){if(h.test(e)){var r=e.replace(h,"");t.call(n,r)&&n[r].replace(h,"")!==r+"/index"||(n[r]=e)}if(v.test(e)){var o=e.replace(v,"");t.call(n,o)||(n[o]=e)}};f.register=f.define=function(e,n){if(e&&"object"==typeof e)for(var i in e)t.call(e,i)&&f.register(i,e[i]);else r[e]=n,delete o[e],m(e)},f.list=function(){var e=[];for(var o in r)t.call(r,o)&&e.push(o);return e};var p=e._hmr&&new e._hmr(u,f,r,o);f._cache=o,f.hmr=p&&p.wrap,f.brunch=!0,e.require=f}}(),function(){"undefined"==typeof window?this:window;require.register("initialize.js",function(e,r,o){"use strict";document.addEventListener("DOMContentLoaded",function(){r("sketches/1")})}),require.register("sketches/1.js",function(e,r,o){"use strict";new p5(function(e){function r(){if(n)e.randomSeed(n);else{var r=Math.floor(e.random(1e12));window.location.hash=r,e.randomSeed(r)}e.noiseSeed(e.random()),e.blendMode(e.BLEND),e.background("#000"),e.blendMode(e.ADD);for(var w=t*i/s,M=Math.sqrt(w),g=Math.max(1,Math.round(i/M))+1,b=Math.max(1,Math.round(t/M))+1,_=e.random(0,1e3*d),k=[],S=0;S<g*b;S++)k[S]=S;o(k);for(var x=0;x<g*b;x++){var q=k[x]%b,U=Math.floor(k[x]/b);l.noStroke(),l.background("#000");var y=e.noise(_+U/g*d,_+q/b*d),E=a*y,G=e.color(100*e.random(),100,90*y+10,70*y+10);l.fill(G),l.circle(a/2,a/2,E);for(var L=a/80,P=0;P<c;P++){var j=(c-P)*L/c;u.shader(v),v.setUniform("tex0",0==P?l:f),v.setUniform("texelSize",[j/a,j/a]),v.setUniform("direction",[1,0]),u.rect(0,0,a,a),f.shader(m),m.setUniform("tex0",u),m.setUniform("texelSize",[j/a,j/a]),m.setUniform("direction",[0,1]),f.rect(0,0,a,a)}if(l.image(f,0,0,a,a),e.random()>.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");

View file

@ -10,6 +10,6 @@
<footer>Press space or double click for a new one</footer> <footer>Press space or double click for a new one</footer>
<script src="modules/p5.min.js"></script> <script src="modules/p5.min.js"></script>
<script src="modules/p5.sound.min.js"></script> <script src="modules/p5.sound.min.js"></script>
<script src="app-8bd6414f.js"></script> <script src="app-8f881de3.js"></script>
</body> </body>
</html> </html>

17
shaders/white-noise.frag Normal file
View file

@ -0,0 +1,17 @@
precision mediump float;
uniform vec2 u_resolution;
float random (vec2 st) {
return fract(sin(dot(st.xy,
vec2(12.9898,78.233)))*
43758.5453123);
}
void main() {
vec2 st = gl_FragCoord.xy/u_resolution.xy;
float rnd = random( st );
gl_FragColor = vec4(vec3(rnd),0.05);
}