User prompt
make an launch trail object
User prompt
make a launch trail object that will spawn at the bottom of the screen and move to the location of the mouse click in 3 seconds
User prompt
spawn the fireworks 3 seconds after the mouse click
User prompt
keep one 3 fireworkobjects at the location of the mouseclick with minimal movement
User prompt
make the outer fireworks move faster
User prompt
make the firework a different color each time
User prompt
make it longer until the fireworks dissappear
Initial prompt
fireworks simulator
===================================================================
--- original.js
+++ change.js
@@ -4,8 +4,10 @@
// Firework particle class
var FireworkParticle = Container.expand(function () {
var self = Container.call(this);
var particleGraphics = self.createAsset('fireworkParticle', 'Firework particle', 0.5, 0.5);
+ self.color = 0xFFFFFF; // Default color white
+ particleGraphics.tint = self.color;
self.speedX = 0;
self.speedY = 0;
self.alpha = 1;
self.scaleX = 1;
@@ -25,16 +27,20 @@
var Firework = Container.expand(function () {
var self = Container.call(this);
self.particles = [];
self.explode = function (x, y) {
+ var colors = [0xFF0000, 0x00FF00, 0x0000FF, 0xFFFF00, 0xFF00FF, 0x00FFFF];
+ var randomColor = colors[Math.floor(Math.random() * colors.length)];
for (var i = 0; i < 50; i++) {
var particle = new FireworkParticle();
var angle = Math.random() * Math.PI * 2;
var speed = Math.random() * 5 + 2;
+ particle.color = randomColor; // Assign random color to particle
particle.speedX = Math.cos(angle) * speed;
particle.speedY = Math.sin(angle) * speed;
particle.x = x;
particle.y = y;
+ particle.createAsset('fireworkParticle', 'Firework particle', 0.5, 0.5).tint = particle.color; // Apply color tint to particle
self.particles.push(particle);
game.addChild(particle);
}
};