|
27 | 27 | },{"../../internal/util":"NSCe","../internal/debug":"q9J3","../internal/layout":"rSMP"}],"rSMP":[function(require,module,exports) { |
28 | 28 | "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addCanvas=exports.addTitle=exports.sizes=exports.colors=void 0;var e=require("./canvas"),t=require("./debug"),n={debug:"green",highlight:"#ec576b",secondary:"#555"};exports.colors=n;var a=window.cells||[];window.cells=a;var i=document.querySelector(".container");if(!i)throw"missing container";var r=document.querySelector(".how-it-works");if(!r)throw"missing container";var o=!1,d=function(){i.classList.add("open"),r.classList.add("hidden"),o=!0,p()};r.addEventListener("click",d),(document.location.hash||(0,t.isDebug)())&&setTimeout(d);var c=function(){var e=window.getComputedStyle(i.lastChild||document.body),t=Number(e.getPropertyValue("width").slice(0,-2))*window.devicePixelRatio;return{width:t,pt:.002*t}};exports.sizes=c;var s=function(){var e=("000"+a.length).substr(-3),t=document.createElement("div");t.classList.add("section"),t.setAttribute("id",e),i.appendChild(t);var n=document.createElement("a");return n.classList.add("number"),n.setAttribute("href","#"+e),n.appendChild(document.createTextNode(e)),t.appendChild(n),t},l=function(e,t){var n=document.createElement("h"+e);n.classList.add("title"),i.appendChild(n);var a=document.createElement("div");a.classList.add("text"),n.appendChild(a),t=t.replace("\n"," ").replace(/\s+/g," ").trim();var r=document.createTextNode(t);a.appendChild(r)};exports.addTitle=l;var u=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var i=s();0==t.length&&(t=[function(){}]);for(var r=[],o=0,d=t;o<d.length;o++){var c=d[o],l=document.createElement("div");l.classList.add("cell"),i.appendChild(l);var u=document.createElement("canvas");l.appendChild(u);var v=document.createElement("div");v.classList.add("label"),l.appendChild(v);var h=u.getContext("2d");if(!h)throw"missing canvas context";var m={aspectRatio:e,canvas:u,ctx:h,painter:c,animationID:-1};r.push(m)}a.push(r),p()};exports.addCanvas=u;var v=void 0,p=function(){window.clearTimeout(v),v=window.setTimeout(function(){for(var i=function(a){for(var i=c().width/a.length,r=function(r){var d=i/r.aspectRatio;r.canvas.width=i,r.canvas.height=d;var c=function(){(0,t.isDebug)()&&(0,e.tempStyles)(r.ctx,function(){return r.ctx.strokeStyle=n.debug},function(){return r.ctx.strokeRect(0,0,i,d-1)})};c();var s=0,l=0;r.canvas.onclick=function(){0===s?s=Date.now():(l+=Date.now()-s,s=0)};var u=r.painter(r.ctx,i,d,function(a){if(o){var u=Math.random(),v=Date.now();r.animationID=u,function o(){if(r.animationID===u){if(0===s){var p=Date.now()-v-l;r.ctx.clearRect(0,0,i,d),c(),(0,t.isDebug)()&&(0,e.tempStyles)(r.ctx,function(){return r.ctx.fillStyle=n.debug},function(){return r.ctx.fillText(String(p),10,15)}),a(p)}requestAnimationFrame(o)}}()}});if(u){var v=r.canvas.parentElement;if(v){v.style.width=100/a.length+"%";var p=v.querySelector(".label");p&&p.innerHTML!==u&&(p.innerHTML="",p.appendChild(document.createTextNode(u)))}}},d=0,s=a;d<s.length;d++){r(s[d])}},r=0,d=a;r<d.length;r++){i(d[r])}},100)};window.addEventListener("load",p),window.addEventListener("resize",p),(0,t.onDebugStateChange)(p); |
29 | 29 | },{"./canvas":"PBVq","./debug":"q9J3"}],"UHT1":[function(require,module,exports) { |
30 | | -"use strict";var n=require("../public/animate"),t=require("./internal/layout"),e=function(){return(e=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var r in t=arguments[e])Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}).apply(this,arguments)},i=document.querySelector(".example"),r=document.createElement("canvas");i.appendChild(r);var a=0,o=function(){var n=Math.min(600,Math.min(window.innerWidth-64,window.innerHeight/2));r.style.width=n+"px",r.style.height=n+"px",a=n*(window.devicePixelRatio||1),r.width=a,r.height=a},c=r.getContext("2d"),d=(0,n.canvasPath)(),l=function n(){c.clearRect(0,0,a,a),c.fillStyle=t.colors.highlight,c.fill(d.renderFrame()),requestAnimationFrame(n)};requestAnimationFrame(l);var s=function(n){return void 0===n&&(n={}),e({duration:4e3,timingFunction:"ease",callback:u,blobOptions:{extraPoints:3,randomness:4,seed:Math.random(),size:a}},n)},u=function(){return d.transition(s())};r.onclick=function(){d.transition(s({duration:400,timingFunction:"elasticEnd0"}))};var h=function(){o(),d.transition(s({duration:0}))};window.addEventListener("load",h),window.addEventListener("resize",h); |
| 30 | +"use strict";var n=require("../public/animate"),t=require("./internal/layout"),i=function(){return(i=Object.assign||function(n){for(var t,i=1,e=arguments.length;i<e;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a]);return n}).apply(this,arguments)},e=document.querySelector(".example"),a=document.createElement("canvas");e.appendChild(a);var r=0,o=function(){var n=Math.min(600,Math.min(window.innerWidth-64,window.innerHeight/2));a.style.width=n+"px",a.style.height=n+"px",r=n*(window.devicePixelRatio||1),a.width=r,a.height=r},s=a.getContext("2d"),c=(0,n.canvasPath)(),d=function n(){s.clearRect(0,0,r,r),s.fillStyle=t.colors.highlight,s.fill(c.renderFrame()),requestAnimationFrame(n)};requestAnimationFrame(d);var u=function(n){return void 0===n&&(n={}),i({duration:4e3,timingFunction:"ease",callback:l,blobOptions:{extraPoints:3,randomness:4,seed:Math.random(),size:r}},n)},l=function(){return c.transition(u())};a.onclick=function(){c.transition(u({duration:400,timingFunction:"elasticEnd0"}))},window.addEventListener("load",function(){o(),c.transition(u({duration:0}))}),window.addEventListener("resize",function(){o();var n=6*r/7;c.transition(u({duration:100,timingFunction:"easeEnd",blobOptions:{extraPoints:0,randomness:0,seed:"",size:n},canvasOptions:{offsetX:(r-n)/2,offsetY:(r-n)/2}}))}); |
31 | 31 | },{"../public/animate":"HZBX","./internal/layout":"rSMP"}]},{},["UHT1"], null) |
32 | | -//# sourceMappingURL=/example.baf93298.js.map</script> <script>parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"NSCe":[function(require,module,exports) { |
| 32 | +//# sourceMappingURL=/example.1793f201.js.map</script> <script>parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"NSCe":[function(require,module,exports) { |
33 | 33 | "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.splitLine=exports.split=exports.angle=exports.distance=exports.deg=exports.rad=exports.mod=exports.smooth=exports.insertCount=exports.insertAt=exports.shift=exports.reverse=exports.length=exports.expandHandle=exports.angleOf=exports.coordEqual=exports.mapPoints=exports.forPoints=exports.coordPoint=exports.copyPoint=void 0;var n=function(){return(n=Object.assign||function(n){for(var t,r=1,e=arguments.length;r<e;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n}).apply(this,arguments)},t=function(){for(var n=0,t=0,r=arguments.length;t<r;t++)n+=arguments[t].length;var e=Array(n),o=0;for(t=0;t<r;t++)for(var a=arguments[t],u=0,s=a.length;u<s;u++,o++)e[o]=a[u];return e},r=function(t){return{x:t.x,y:t.y,handleIn:n({},t.handleIn),handleOut:n({},t.handleOut)}};exports.copyPoint=r;var e=function(t){return n(n({},t),{handleIn:{angle:0,length:0},handleOut:{angle:0,length:0}})};exports.coordPoint=e;var o=function(n,t){for(var e=function(e){var o=function(t){return r(n[v(t,n.length)])};t({curr:r(n[e]),index:e,sibling:o,prev:function(){return o(e-1)},next:function(){return o(e+1)}})},o=0;o<n.length;o++)e(o)};exports.forPoints=o;var a=function(n,t){var r=[];return o(n,function(n){r.push(t(n))}),r};exports.mapPoints=a;var u=function(n,t){return n.x===t.x&&n.y===t.y};exports.coordEqual=u;var s=function(n,t){var r=t.x-n.x,e=-t.y+n.y,o=Math.atan2(e,r);return o<0?Math.abs(o):2*Math.PI-o};exports.angleOf=s;var i=function(n,t){return{x:n.x+t.length*Math.cos(t.angle),y:n.y+t.length*Math.sin(t.angle)}};exports.expandHandle=i;var l=function(n,t){return{angle:s(n,t),length:Math.sqrt(Math.pow(t.x-n.x,2)+Math.pow(t.y-n.y,2))}},x=function(n,t){var r=i(n,n.handleOut),e=i(t,t.handleIn);return(M(n,t)+M(r,e)+n.handleOut.length+t.handleIn.length)/2};exports.length=x;var h=function(n){return a(n,function(t){var r=t.index,e=(0,t.sibling)(n.length-r-1);return e.handleIn.angle+=Math.PI,e.handleOut.angle+=Math.PI,e})};exports.reverse=h;var p=function(n,t){return a(t,function(t){var r=t.index;return(0,t.sibling)(r+n)})};exports.shift=p;var c=function(n,t,e){var o=r(t);o.handleOut.length*=n;var a=r(e);a.handleIn.length*=1-n;var u=i(t,t.handleOut),s=i(e,e.handleIn),x=i(o,o.handleOut),h=i(a,a.handleIn),p=P(n,u,s),c=P(n,x,p),f=P(1-n,h,p),d=P(n,c,f);return[o,{x:d.x,y:d.y,handleIn:l(d,c),handleOut:l(d,f)},a]};exports.insertAt=c;var f=function n(r,e,o){if(r<2)return[e,o];var a=c(1/r,e,o),u=a[0],s=a[1],i=a[2];return 2===r?[u,s,i]:t([u],n(r-1,s,i))};exports.insertCount=f;var d=function(n,t){return a(n,function(n){var r=n.curr,e=n.next,o=n.prev,a=s(o(),e());return{x:r.x,y:r.y,handleIn:{angle:a+Math.PI,length:t*M(r,o())},handleOut:{angle:a,length:t*M(r,e())}}})};exports.smooth=d;var v=function(n,t){return(n%t+t)%t};exports.mod=v;var g=function(n){return n/360*2*Math.PI};exports.rad=g;var y=function(n){return n/Math.PI*1/2*360};exports.deg=y;var M=function(n,t){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))};exports.distance=M;var I=function(n,t){return y(Math.atan2(t.y-n.y,t.x-n.x))};exports.angle=I;var O=function(n,t,r){return t+n*(r-t)};exports.split=O;var P=function(n,t,r){return{x:O(n,t.x,r.x),y:O(n,t.y,r.y)}};exports.splitLine=P; |
34 | 34 | },{}],"q9J3":[function(require,module,exports) { |
35 | 35 | "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.onDebugStateChange=exports.isDebug=void 0;var e=!1,t=function(){return e};exports.isDebug=t;var n=[],o=function(t){n.push(t),t(e)};if(exports.onDebugStateChange=o,e&&document.body){var r=document.createElement("button");r.innerHTML="debug",r.style.padding="2rem",r.style.position="fixed",r.style.top="0",r.onclick=function(){e=!e;for(var t=0,o=n;t<o.length;t++){(0,o[t])(e)}},document.body.prepend(r)} |
|
0 commit comments