https://anagrama.com/assets/anagrama/efectoCanvas.js

1function init02(){canvas02=document.getElementById("02_canvas"),anim_container_02=document.getElementById("02_animation_container"),dom_overlay_container_02=document.getElementById("02_dom_overlay_container"),handleComplete02(canvas02,anim_container_02,dom_overlay_container_02)}function handleComplete02(){function s(s,t,e,h){function A(){var A=lib02.properties.width,n=lib02.properties.height,p=window.innerWidth,Q=window.innerHeight,o=window.devicePixelRatio||1,r=p/A,B=Q/n,C=1;s&&("width"==t&&a==p||"height"==t&&i==Q?C=g:e?1==h?C=Math.min(r,B):2==h&&(C=Math.max(r,B)):(p<A||Q<n)&&(C=Math.min(r,B))),canvas02.width=A*o*C,canvas02.height=n*o*C,canvas02.style.width=dom_overlay_container_02.style.width=anim_container_02.style.width=A*C+"px",canvas02.style.height=anim_container_02.style.height=dom_overlay_container_02.style.height=n*C+"px",stage02.scaleX=o*C,stage02.scaleY=o*C,a=p,i=Q,g=C}var a,i,g=1;window.addEventListener("resize",A),A()}exportRoot=new lib02.ANAGRAMA1(0,0,0),stage02=new createjs.Stage(canvas02),stage02.addChild(exportRoot),fnStartAnimation=function(){createjs.Ticker.setFPS(lib02.properties.fps),createjs.Ticker.addEventListener("tick",stage02)},s(!1,"both",!1,1),fnStartAnimation()}function init03(){canvas03=document.getElementById("03_canvas"),anim_container_03=document.getElementById("03_animation_container"),dom_overlay_container_03=document.getElementById("03_dom_overlay_container"),handleComplete03(canvas03,anim_container_03,dom_overlay_container_03)}function handleComplete03(){function s(s,t,e,h){function A(){var A=lib03.properties.width,n=lib03.properties.height,p=window.innerWidth,Q=window.innerHeight,o=window.devicePixelRatio||1,r=p/A,B=Q/n,C=1;s&&("width"==t&&a==p||"height"==t&&i==Q?C=g:e?1==h?C=Math.min(r,B):2==h&&(C=Math.max(r,B)):(p<A||Q<n)&&(C=Math.min(r,B))),canvas03.width=A*o*C,canvas03.height=n*o*C,canvas03.style.width=dom_overlay_container_03.style.width=anim_container_03.style.width=A*C+"px",canvas03.style.height=anim_container_03.style.height=dom_overlay_container_03.style.height=n*C+"px",stage03.scaleX=o*C,stage03.scaleY=o*C,a=p,i=Q,g=C}var a,i,g=1;window.addEventListener("resize",A),A()}exportRoot=new lib03.ANAGRAMA3(0,0,0),stage03=new createjs.Stage(canvas03),stage03.addChild(exportRoot),fnStartAnimation=function(){createjs.Ticker.setFPS(lib03.properties.fps),createjs.Ticker.addEventListener("tick",stage03)},s(!1,"both",!1,1),fnStartAnimation()}function initGraffiti(){var s,t;canvasGraffiti=document.getElementById("graffiti_canvas"),s=document.getElementById("graffiti_animation_container"),t=document.getElementById("graffiti_dom_overlay_container"),handleCompleteGraffiti(canvasGraffiti,s,t)}function handleCompleteGraffiti(s,t,e){function h(h,A,a,i){function g(){var g=libgraffiti.properties.width,o=libgraffiti.properties.height,r=window.innerWidth,B=window.innerHeight,C=window.devicePixelRatio||1,_=r/g,c=B/o,f=1;h&&("width"==A&&n==r||"height"==A&&p==B?f=Q:a?1==i?f=Math.min(_,c):2==i&&(f=Math.max(_,c)):(r<g||B<o)&&(f=Math.min(_,c))),s.width=g*C*f,s.height=o*C*f,s.style.width=e.style.width=t.style.width=g*f+"px",s.style.height=t.style.height=e.style.height=o*f+"px",stage.scaleX=C*f,stage.scaleY=C*f,n=r,p=B,Q=f}var n,p,Q=1;window.addEventListener("resize",g),g()}exportRoot=new libgraffiti.ANAGRAMA8(0,0,0),stage=new createjs.Stage(s),stage.addChild(exportRoot),fnStartAnimation=function(){createjs.Ticker.setFPS(libgraffiti.properties.fps),createjs.Ticker.addEventListener("tick",stage)},h(!1,"both",!1,1),fnStartAnimation()}function initCrown(){var s,t;canvasCrown=document.getElementById("crown_canvas"),s=document.getElementById("crown_animation_container"),t=document.getElementById("crown_dom_overlay_container"),handleCompleteCrown(canvasCrown,t,s)}function handleCompleteCrown(s,t,e){function h(h,A,a,i){function g(){var g=lib.properties.width,o=lib.properties.height,r=window.innerWidth,B=window.innerHeight,C=window.devicePixelRatio||1,_=r/g,c=B/o,f=1;h&&("width"==A&&n==r||"height"==A&&p==B?f=Q:a?1==i?f=Math.min(_,c):2==i&&(f=Math.max(_,c)):(r<g||B<o)&&(f=Math.min(_,c))),s.width=g*C*f,s.height=o*C*f,s.style.width=t.style.width=e.style.width=g*f+"px",s.style.height=e.style.height=t.style.height=o*f+"px",stageCrown.scaleX=C*f,stageCrown.scaleY=C*f,n=r,p=B,Q=f}var n,p,Q=1;window.addEventListener("resize",g),g()}exportRoot=new lib.Untitled1(0,0,0),stageCrown=new createjs.Stage(s),stageCrown.addChild(exportRoot),fnStartAnimation=function(){createjs.Ticker.setFPS(lib.properties.fps),createjs.Ticker.addEventListener("tick",stageCrown)},h(!1,"both",!1,1),fnStartAnimation()}