Create Basic Astronomy Simulation - Halley's Comet

 Kids Activity - Create Halley's Comet stimulation using Chat GPT

It is easy to create basic simulation using Chat GPT by giving  prompt .Below is example of sample prompt

"create java script code to create Halley's comet such that it is orbiting Sun. Also show distance in number"

User can create more creative prompt


Below is JavaScript code which created above graphical simulation(just copy past in note pad and save file as html and then open in browser)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 20px auto;
    }
  </style>
  <title>Comet Animation</title>
</head>
<body>
  <canvas id="solarSystemCanvas" width="800" height="800"></canvas>

  <script>
    const canvas = document.getElementById('solarSystemCanvas');
    const context = canvas.getContext('2d');

    const sun = { x: canvas.width / 2, y: canvas.height / 2, radius: 50, color: '#FFD700' };
    let comet = { x: -200, y: 0, radius: 5, color: 'gray', speed: 1, angle: 0, parabolicConstant: 0.05, orbitNumber: 1 };

    function draw() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

      // Draw the Sun
      context.beginPath();
      context.arc(sun.x, sun.y, sun.radius, 0, Math.PI * 2);
      context.fillStyle = sun.color;
      context.fill();
      context.closePath();

      // Draw the Parabolic Orbit
      context.beginPath();
      for (let i = -200; i < 200; i += 1) {
        const x = i;
        const y = comet.parabolicConstant * i * i;
        const drawX = sun.x + x * Math.cos(comet.angle) - y * Math.sin(comet.angle);
        const drawY = sun.y + x * Math.sin(comet.angle) + y * Math.cos(comet.angle);
        if (i === -200) {
          context.moveTo(drawX, drawY);
        } else {
          context.lineTo(drawX, drawY);
        }
      }
      context.strokeStyle = 'blue';
      context.stroke();
      context.closePath();

      // Draw the Comet
      const cometX = comet.x * Math.cos(comet.angle) - comet.y * Math.sin(comet.angle);
      const cometY = comet.x * Math.sin(comet.angle) + comet.y * Math.cos(comet.angle);

      context.beginPath();
      context.arc(sun.x + cometX, sun.y + cometY, comet.radius, 0, Math.PI * 2);
      context.fillStyle = comet.color;
      context.fill();
      context.closePath();

      // Draw labels
      context.fillStyle = '#000';
      context.font = '12px Arial';
      context.fillText('Sun', sun.x - 15, sun.y - sun.radius - 5);
      context.fillText(`Comet ${comet.orbitNumber}`, sun.x + cometX - 30, sun.y + cometY - comet.radius - 5);
      const distance = Math.sqrt(cometX ** 2 + cometY ** 2);
      context.fillText(`Distance: ${distance.toFixed(2)}`, sun.x - 50, sun.y + sun.radius + 15);

      // Update the Comet's position for animation
      comet.x += comet.speed;
      comet.y = comet.parabolicConstant * comet.x * comet.x;
      comet.angle += 0.01;

      // If 15 seconds have passed, reset the comet's orbit
      if (Math.floor(comet.angle * 100) % (15 * 100) === 0) {
        comet = { x: -200, y: 0, radius: 5, color: 'gray', speed: 1, angle: 0, parabolicConstant: 0.05, orbitNumber: comet.orbitNumber + 1 };
      }

      requestAnimationFrame(draw);
    }

    draw(); // Start the animation
  </script>
</body>
</html>



Comments

Post a Comment

Popular posts from this blog

Astronomy Python - Webb's First Deep Field - Marking the Edges of the Galaxies

Image
  In Astronomy, the image taken by telescopes of deep space field, galaxies, planets may appear to be complex - it may be difficult to find boundaries of objects when objects are too near. Or  simply one would like to know the shape of the object. Edge detection technique is used in image processing for finding the boundaries of objects within the image. Edge detection would be very useful while analyzing such difficult images. Below is the sample image taken by James Webb telescope. Image Credits: NASA, ESA, CSA, STScI Below is grey image(left) and edge detection image(right) An edge detection operato r used in the above example is called as Canny edge detector Below is the python code used. ********************************************************************** import cv2 import numpy as np import matplotlib.pyplot as plt # read the image image = cv2.imread("E:\\astronomy_related\\edge_detection\\webb_first_deep_field.jpeg") # convert it to grayscale gray = cv2.cvtColor(ima
Read more

Online Observatory for Meteor Scatter Detection - Radio Astronomy.

Image
 If you are interested in looking for radio meteor scatter and you don't have radio astronomy setup (Antennas, receiver etc) - Dont Worry. CAMRAS - WebSDR portal gives you opportunity on their website . The below website provides radio waterfall/Spectrum from several receiving antennas. http://websdr.camras.nl:8901/ what to look the website 1)Top right is photo of antenna  "25 m dish in Dwingeloo" and where it is pointing . 2)Waterfall graph view(we can change to spectrum view) 3)Top left box- will help you to display grpah from multiple antennas 4)  Bottom left box- will help to adjust frequency. 5) Bottom middle box- change frequencies type 6)Bottom right box - will help to change different views- waterfall, spectrum Now it is time to play around !
Read more

Astronomy Python - Mars Planet Surface - Creating Sharpen Image from Blur Image

Image
   In Astronomy, sometimes the images send by satellite/telescope could be Blur and one would be interested to make the image Sharpe. The Kernel (it is matrix representation) is to process the image -from Blur image to Sharpe Image. Convolution Matrix, Mask, Matrix/Array are the other names given to the Kernel.                           Below is the example of Mars Surface Blur Image Image Credit: NASA/JPL-Caltech Below is the processed image which has now become  Sharpe Image   Please  open both images to see the effect.7 Below is the python code used. ****************************************************************** # load the required packages import cv2 import numpy as np # load the image into system memory image = cv2.imread('E:\\astronomy_related\\blurr_to_clear_image\\marssurface_blurr.jpg', flags=cv2.IMREAD_COLOR) # display the blurr image to the screen cv2.imshow('Mars Surface blurr', image) cv2.waitKey() cv2.destroyAllWindows() # display the sharpen image ba
Read more