Демиурги. Смерть планеты.

const e=document.getElementById('demi-game-4'),t=document.createElement("canvas");t.className="game-canvas",t.width=t.height=600,e.getElementsByClassName("game-field")[0].appendChild(t);const a=t.getContext("2d"),o=t.width/2,s={x:0,y:0,absolute:{x:0,y:0}},n=new Image(600,600),l=n.width/2/4;n.src="https://i.ibb.co/CnM2ZcN/planet.png";const i=Math.PI/5e3,r=new Date;let f=Math.floor((r.getMinutes()%10*60+r.getSeconds()+1)/6*100);function c(){a.clearRect(-o,-o,t.width,t.height),a.save(),a.rotate(i*f),a.drawImage(n,-o,-o),function(){a.save(),a.strokeStyle="#ddd",a.lineWidth=3;for(let e=Math.PI/6,t=1;5>t;t++){const o=l*t-2;d(o),a.rotate(t%2?-e:e),a.save();const s=3*(t-1),n=2*Math.PI/s;for(let e=s;e>0;e--)a.rotate(n),a.save(),a.beginPath(),a.moveTo(0,o-l),a.lineTo(0,o),a.stroke(),a.restore();a.restore()}a.restore()}(),a.restore()}function d(e){a.beginPath(),a.arc(0,0,e,0,2*Math.PI),a.stroke()}setInterval(()=>{1e4>f?f++:f=1,c()},58),a.translate(o,o),c(),e.getElementsByClassName("game-field")[0].addEventListener("mousemove",function(n){s.absolute.x=n.pageX,s.absolute.y=n.pageY;const r=function(){let e=t,a=e.offsetLeft,o=e.offsetTop;while(e=e.offsetParent)a+=e.offsetLeft,o+=e.offsetTop;return{left:a,top:o}}();s.x=n.pageX-r.left-o,s.y=n.pageY-r.top-o,function(){const t=e.getElementsByClassName("displayed-info")[0];t&&t.classList.remove("displayed-info"),a.save(),a.font="20px Arial",a.fillStyle="#fff";const n=Math.sqrt(s.x**2+s.y**2);o-4>=n&&function(t){const a=3*t||1;let o=Math.atan2(s.y,s.x)-(t%2?Math.PI/2:0)-i*f;while(0>o)o+=2*Math.PI;const n=e.getElementsByClassName("circle-"+t)[Math.floor(o/(2*Math.PI/a))];n.classList.add("displayed-info"),n.style.left=s.absolute.x+10+"px",n.style.top=s.absolute.y-5+"px"}(n>o-l-4?3:n>o-2*l-4?2:n>o-3*l-4?1:0),a.restore()}()}),n.addEventListener("load",c);

const e=document.getElementById('demi-game-1'),t=document.createElement("canvas");t.className="game-canvas",t.width=t.height=600,e.getElementsByClassName("game-field")[0].appendChild(t);const a=t.getContext("2d"),o=t.width/2,s={x:0,y:0,absolute:{x:0,y:0}},n=new Image(600,600),l=n.width/2/4;n.src="https://i.ibb.co/CnM2ZcN/planet.png";const i=Math.PI/5e3,r=new Date;let f=Math.floor((r.getMinutes()%10*60+r.getSeconds()+1)/6*100);function c(){a.clearRect(-o,-o,t.width,t.height),a.save(),a.rotate(i*f),a.drawImage(n,-o,-o),function(){a.save(),a.strokeStyle="#ddd",a.lineWidth=3;for(let e=Math.PI/6,t=1;5>t;t++){const o=l*t-2;d(o),a.rotate(t%2?-e:e),a.save();const s=3*(t-1),n=2*Math.PI/s;for(let e=s;e>0;e--)a.rotate(n),a.save(),a.beginPath(),a.moveTo(0,o-l),a.lineTo(0,o),a.stroke(),a.restore();a.restore()}a.restore()}(),a.restore()}function d(e){a.beginPath(),a.arc(0,0,e,0,2*Math.PI),a.stroke()}setInterval(()=>{1e4>f?f++:f=1,c()},58),a.translate(o,o),c(),e.getElementsByClassName("game-field")[0].addEventListener("mousemove",function(n){s.absolute.x=n.pageX,s.absolute.y=n.pageY;const r=function(){let e=t,a=e.offsetLeft,o=e.offsetTop;while(e=e.offsetParent)a+=e.offsetLeft,o+=e.offsetTop;return{left:a,top:o}}();s.x=n.pageX-r.left-o,s.y=n.pageY-r.top-o,function(){const t=e.getElementsByClassName("displayed-info")[0];t&&t.classList.remove("displayed-info"),a.save(),a.font="20px Arial",a.fillStyle="#fff";const n=Math.sqrt(s.x**2+s.y**2);o-4>=n&&function(t){const a=3*t||1;let o=Math.atan2(s.y,s.x)-(t%2?Math.PI/2:0)-i*f;while(0>o)o+=2*Math.PI;const n=e.getElementsByClassName("circle-"+t)[Math.floor(o/(2*Math.PI/a))];n.classList.add("displayed-info"),n.style.left=s.absolute.x+10+"px",n.style.top=s.absolute.y-5+"px"}(n>o-l-4?3:n>o-2*l-4?2:n>o-3*l-4?1:0),a.restore()}()}),n.addEventListener("load",c);