xxxxxxxxxx160
let sun; // Declare a variable for the sunlet planets = []; // Array to hold all the planetslet backgroundImg; // Variable to store the background imagelet spaceSound; // Variable to store the space soundfunction preload() { // Preload background image and sound file before the sketch starts backgroundImg = loadImage("https://res.cloudinary.com/dxftgskwa/image/upload/v1726219290/sun_rpdzxf.webp"); spaceSound = loadSound("https://res.cloudinary.com/dxftgskwa/video/upload/v1726220092/NASA__What_does_space_sound_like__lz144l.mp3");}function setup() { createCanvas(800, 800); spaceSound.loop(); // Play the space sound in a loop spaceSound.setVolume(0.5); // Set the volume to 50% sun = new RealisticSun(width / 2, height / 2, 80); // Create a new sun at the center of the canvas // Add planets with different sizes, distances, and angles to the sun planets.push(new Planet(sun, 15, 150, 0, 'earth')); planets.push(new Planet(sun, 10, 200, PI / 2, 'mars')); planets.push(new Planet(sun, 8, 100, PI / 4, 'mercury')); planets.push(new Planet(sun, 18, 300, PI / 3, 'jupiter')); planets.push(new Planet(sun, 12, 250, PI / 5, 'venus')); // Add moons to some planets planets[0].addMoon(3, 25, PI / 3); // Add moon to Earth planets[3].addMoon(4, 40, 0); // Add moons to Jupiter planets[3].addMoon(5, 60, PI / 4);}function draw() { background(backgroundImg); // Set the background to the space image stroke(100); // Set the stroke color for planet orbits noFill(); // Do not fill the orbit ellipses // Draw orbits for each planet for (let planet of planets) { ellipse(sun.pos.x, sun.pos.y, planet.distance * 2, planet.distance * 1.5); // Elliptical orbits } sun.display(); // Display the sun // Update and display all planets and their moons for (let planet of planets) { planet.update(); // Update planet positions planet.display(); // Draw the planet planet.displayMoons(); // Draw the planet's moons }}class RealisticSun { constructor(x, y, radius) { this.pos = createVector(x, y); // Set the sun's position this.radius = radius; // Set the sun's radius } display() { noStroke(); // No border around the sun let gradientColors = [ color(255, 204, 0), // Bright yellow color(255, 153, 0), // Orange color(255, 69, 0), // Reddish orange color(255, 0, 0) // Red ]; // Draw gradient layers for the sun for (let i = gradientColors.length - 1; i >= 0; i--) { fill(gradientColors[i]); ellipse(this.pos.x, this.pos.y, this.radius * 2 * (1 - i * 0.2)); // Each layer is slightly smaller } // Add outer glow to the sun for (let i = 0; i < 10; i++) { let alpha = map(i, 0, 10, 50, 0); // Make the glow fade out fill(255, 153, 51, alpha); ellipse(this.pos.x, this.pos.y, this.radius * 2 + i * 15); // Expand glow with each layer } }}class Planet { constructor(sun, radius, distance, angle, planetType) { this.sun = sun; // The sun the planet orbits this.radius = radius; // Planet's size this.distance = distance; // Distance from the sun this.angle = angle; // Starting angle of the orbit this.orbitSpeed = random(0.005, 0.01); // Speed at which the planet orbits the sun this.moons = []; // Array to hold moons of the planet this.planetType = planetType; // The type of planet this.pos = createVector(); // Position of the planet } update() { this.angle += this.orbitSpeed; // Update the planet's angle for movement // Calculate the new position of the planet based on its orbit let x = this.sun.pos.x + this.distance * cos(this.angle); let y = this.sun.pos.y + this.distance * 0.6 * sin(this.angle); // Elliptical orbit this.pos.set(x, y); // Set the new position } display() { noStroke(); // No border around the planet // Choose the planet's color based on its type if (this.planetType === 'earth') { fill(0, 100, 255); // Blue for Earth ellipse(this.pos.x, this.pos.y, this.radius * 2); // Draw the planet fill(0, 255, 0); // Add green landmass on Earth ellipse(this.pos.x + this.radius / 4, this.pos.y - this.radius / 4, this.radius * 1.2); } else if (this.planetType === 'mars') { fill(188, 39, 50); // Red for Mars ellipse(this.pos.x, this.pos.y, this.radius * 2); } else if (this.planetType === 'mercury') { fill(169, 169, 169); // Gray for Mercury ellipse(this.pos.x, this.pos.y, this.radius * 2); } else if (this.planetType === 'jupiter') { fill(255, 165, 0); // Orange for Jupiter ellipse(this.pos.x, this.pos.y, this.radius * 2); stroke(255); noFill(); arc(this.pos.x, this.pos.y, this.radius * 2.2, this.radius * 1.8, PI / 4, PI); // Draw Jupiter's rings } else if (this.planetType === 'venus') { fill(218, 165, 32); // Golden color for Venus ellipse(this.pos.x, this.pos.y, this.radius * 2); } } addMoon(radius, distance, angle) { let moon = new Moon(this, radius, distance, angle); // Create a moon for the planet this.moons.push(moon); // Add the moon to the array of moons } displayMoons() { // Display each moon of the planet for (let moon of this.moons) { moon.update(); // Update moon position moon.display(); // Draw the moon } }}class Moon { constructor(planet, radius, distance, angle) { this.planet = planet; // The planet the moon orbits this.radius = radius; // Moon's size this.distance = distance; // Distance from the planet this.angle = angle; // Starting angle for the moon's orbit this.orbitSpeed = random(0.03, 0.05); // Moon's orbit speed this.pos = createVector(); // Position of the moon } update() { this.angle += this.orbitSpeed; // Update the moon's angle for movement // Calculate the new position of the moon based on its orbit let x = this.planet.pos.x + this.distance * cos(this.angle); let y = this.planet.pos.y + this.distance * sin(this.angle); this.pos.set(x, y); // Set the moon's new position } display() { fill(200); // Color the moon light gray noStroke(); // No border around the moon ellipse(this.pos.x, this.pos.y, this.radius * 2); // Draw the moon }}