Orbits #69

<!DOCTYPE html>
<html>
<head>
  <title>Abstract Art - Atomic Model by ordBanksy</title>
  <style>
    body, html {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    #canvas {
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

  <script>
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');
    
    var centerX = window.innerWidth / 2;
    var centerY = window.innerHeight / 2;

    var electronCount = Math.floor(Math.random() * 10) + 1;
    var electrons = [];
    for (var i = 0; i < electronCount; i++) {
      electrons.push({
        radius: (i + 1) * 50, 
        speed: (Math.random() * 0.01) + 0.01, 
        angle: Math.random() * 2 * Math.PI
      });
    }

    function resize() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      centerX = canvas.width / 2;
      centerY = canvas.height / 2;
    }

    window.addEventListener('resize', resize);
    resize();

    function draw() {
      ctx.fillStyle = 'rgba(51, 51, 51, 0.1)';
      ctx.fillRect(0, 0, canvas.width, canvas.height);

      // Draw the nucleus
      ctx.beginPath();
      ctx.arc(centerX, centerY, 20, 0, 2 * Math.PI);
      ctx.fillStyle = "#D3D3D3";
      ctx.fill();

      // Draw the electrons
      for (var i = 0; i < electrons.length; i++) {
        var electron = electrons[i];
        electron.angle += electron.speed;

        var x = centerX + electron.radius * Math.cos(electron.angle);
        var y = centerY + electron.radius * Math.sin(electron.angle);

        ctx.beginPath();
        ctx.arc(x, y, 5, 0, 2 * Math.PI);
        ctx.fillStyle = "#D3D3D3";
        ctx.fill();
      }
    }

    setInterval(draw, 1000 / 60);
  </script>
</body>
</html>


Orbits #87

Orbits #15

Orbits #51

Action	Price	Marketplace	From	To	Time
TRANSFER	- -		zsjk	kdyv	12 months
INSCRIBED	- -		-	zsjk	12 months

Inscription #16629711

More from this Collection