/* Copyright Paul Caron 2019 We have 4 tile textures (1,2,3,4) that all have same voronoi seeds/dots(number and placement of seeds is random) but rotated 90 degrees one way or another from each other. */ const {random,sin,floor,cos,atan2,pow,hypot,PI}=Math; let W=H=30; let canvas,ctx; let dots=[]; let tiles=new Array(4); let imageData,data; let r=new Array(256); let g=new Array(256); let b=new Array(256); class Tile{ constructor(){ this.dots=[]; this.texture=[]; for(let i=0;i0.2){ return closest;} return false; } function rotate90(dot){ let rotated=new Dot(); rotated.x=W-1-dot.y; rotated.y=dot.x; rotated.c=dot.c; return rotated; } function init(){ canvas=document.getElementById("canvas"); canvas.width=W*64; canvas.height=H*64; ctx=canvas.getContext("2d"); imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); data = imageData.data; for(let a=0;a<256;a++){ r[a]=floor(random()*256/3); g[a]=floor(random()*256/2); b[a]=floor(random()*256); } for(let a=0;a<125;a++){ dots.push(new Dot()); } for(let a=0;a<4;a++){ tiles[a]=new Tile(); } tiles[0].dots=dots; for(let a=1;a<4;a++){ for(d of tiles[a-1].dots){ tiles[a].dots.push(rotate90(d)); } } for(let t=0;t<4;t++){ for(let y=0;y

#champion #challenge - voronoi repeating rotated tiles