\nimport java.util.ArrayList;\n\nArrayList<Particle> particles;\nfloat colorValue = 0.550f;\n\n// Slider UI configuration\nfloat sliderX = 30;\nfloat sliderY = 30;\nfloat sliderWidth = 200;\nfloat sliderHeight = 15;\nboolean isDraggingSlider = false;\n\nvoid setup() {\n  size(800, 600);\n  particles = new ArrayList<Particle>();\n  noStroke();\n}\n\nvoid draw() {\n  // Semi-transparent background creates a glowing trail effect\n  fill(0, 0, 0, 35);\n  rect(0, 0, width, height);\n  \n  // Update and render firework particles\n  for (int i = particles.size() - 1; i >= 0; i--) {\n    Particle p = particles.get(i);\n    p.update();\n    p.display();\n    if (p.isDead()) {\n      particles.remove(i);\n    }\n  }\n  \n  // Draw the User Interface\n  drawUI();\n}\n\nint getSpectrumColor(float val) {\n  val = constrain(val, 0.380f, 0.750f);\n  float r = 0, g = 0, b = 0;\n  \n  // 1. Ultraviolet Darkening Edge (0.380 - 0.420)\n  if (val >= 0.380f && val < 0.420f) {\n    float norm = (val - 0.380f) / (0.420f - 0.380f);\n    // Smoothly fades from a super dark purple (brightness 25) up to full violet\n    r = lerp(12, 130, norm);\n    g = 0;\n    b = lerp(25, 255, norm);\n  }\n  // 2. Full Violet to Blue (0.420 - 0.450)\n  else if (val >= 0.420f && val < 0.450f) {\n    float norm = (val - 0.420f) / (0.450f - 0.420f);\n    r = lerp(130, 0, norm);\n    g = 0;\n    b = 255;\n  } \n  // 3. Blue to Cyan (0.450 - 0.495)\n  else if (val >= 0.450f && val < 0.495f) {\n    float norm = (val - 0.450f) / (0.495f - 0.450f);\n    r = 0;\n    g = lerp(0, 255, norm);\n    b = 255;\n  } \n  // 4. Cyan to Pure Green (0.495 - 0.570)\n  else if (val >= 0.495f && val < 0.570f) {\n    float norm = (val - 0.495f) / (0.570f - 0.495f);\n    r = 0;\n    g = 255;\n    b = lerp(255, 0, norm);\n  } \n  // 5. Green to Yellow/Orange (0.570 - 0.620)\n  else if (val >= 0.570f && val < 0.620f) {\n    float norm = (val - 0.570f) / (0.620f - 0.570f);\n    r = lerp(0, 255, norm);\n    g = 255;\n    b = 0;\n  } \n  // 6. Orange to Bright Red (0.620 - 0.650)\n  else if (val >= 0.620f && val < 0.650f) {\n    float norm = (val - 0.620f) / (0.650f - 0.620f);\n    r = 255;\n    g = lerp(255, 0, norm);\n    b = 0;\n  } \n  // 7. Near-Infrared Deepening Red Fade (0.650 - 0.750)\n  else if (val >= 0.650f && val <= 0.750f) {\n    float norm = (val - 0.650f) / (0.750f - 0.650f);\n    r = lerp(255, 30, norm);\n    g = 0;\n    b = 0;\n  }\n  \n  return color(r, g, b);\n}\n\nvoid drawUI() {\n  // Draw background box for UI\n  fill(20, 20, 20, 200);\n  rect(15, 10, 230, 75, 8);\n  \n  // Draw slider track\n  fill(60);\n  rect(sliderX, sliderY + 20, sliderWidth, sliderHeight, 4);\n  \n  // Calculate knob position based on colorValue\n  float norm = (colorValue - 0.380f) / (0.750f - 0.380f);\n  float knobX = sliderX + (norm * sliderWidth);\n  \n  // Draw slider knob colored with the currently selected color\n  fill(getSpectrumColor(colorValue));\n  ellipse(knobX, sliderY + 20 + (sliderHeight / 2), 20, 20);\n  \n  // Draw labels\n  fill(255);\n  textSize(14);\n  text("Color Value: " + String.format("%.3f", colorValue), sliderX, sliderY + 12);\n  textSize(10);\n  fill(170);\n  text("Click background to launch!", sliderX, sliderY + 52);\n}\n\nvoid mousePressed() {\n  // Check if click is on the slider knob area\n  float norm = (colorValue - 0.380f) / (0.750f - 0.380f);\n  float knobX = sliderX + (norm * sliderWidth);\n  float knobY = sliderY + 20 + (sliderHeight / 2);\n  \n  if (dist(mouseX, mouseY, knobX, knobY) < 15 || \n     (mouseX >= sliderX && mouseX <= sliderX + sliderWidth && mouseY >= sliderY + 20 && mouseY <= sliderY + 20 + sliderHeight)) {\n    isDraggingSlider = true;\n    updateSliderValue();\n  } else {\n    // If not clicking the UI, spawn a firework explosion at mouse coordinates\n    int fireworkColor = getSpectrumColor(colorValue);\n    int particleCount = 80;\n    for (int i = 0; i < particleCount; i++) {\n      particles.add(new Particle(mouseX, mouseY, fireworkColor));\n    }\n  }\n}\n\nvoid mouseDragged() {\n  if (isDraggingSlider) {\n    updateSliderValue();\n  }\n}\n\nvoid mouseReleased() {\n  isDraggingSlider = false;\n}\n\nvoid updateSliderValue() {\n  // Constrain mouse input to slider bounds\n  float constrainedX = constrain(mouseX, sliderX, sliderX + sliderWidth);\n  float norm = (constrainedX - sliderX) / sliderWidth;\n  // Map back to 0.380 - 0.750 range\n  colorValue = 0.380f + (norm * (0.750f - 0.380f));\n}\n\n// Particle Class Engine\nclass Particle {\n  float x, y;\n  float vx, vy;\n  float gravity = 0.08f;\n  float friction = 0.98f;\n  float alpha = 255f;\n  float decay;\n  int c;\n\n  Particle(float x, float y, int c) {\n    this.x = x;\n    this.y = y;\n    this.c = c;\n    \n    // Calculate a random circular vector for explosion velocity\n    float angle = random(TWO_PI);\n    float speed = random(2, 7);\n    this.vx = cos(angle) * speed;\n    this.vy = sin(angle) * speed;\n    \n    // Dynamic fade rate for varied particle life\n    this.decay = random(3, 6);\n  }\n\n  void update() {\n    vx *= friction;\n    vy *= friction;\n    vy += gravity;\n    x += vx;\n    y += vy;\n    alpha -= decay;\n  }\n\n  void display() {\n    pushStyle();\n    // Extract RGB channels to apply alpha fade in default RGB mode\n    float r = red(c);\n    float g = green(c);\n    float b = blue(c);\n    fill(r, g, b, alpha);\n    ellipse(x, y, 5, 5);\n    popStyle();\n  }\n\n  boolean isDead() {\n    return alpha <= 0;\n  }\n}\n\n
","url","link_url","/p/zb6lx4ozrpamnzzx8ly0","versioned_link_url","/p/zb6lx4ozrpamnzzx8ly0/1","yapping","index.html\n```index.html\n```\n\nstyle.css\n```style.css\n```\n\nmain.js\n```main.js\n```","page_description","This is a minimal web page that loads a drawing/interaction canvas. It includes a stylesheet (style.css), a module script (main.js), and an import map…","cursor","eyJpZCI6InpiNmx4NG96cnBhbW56eng4bHkwIn0","token","included",[],"about",{"_183":-5},"parent","routes/browser/layout","actionData","errors"]
Fireworks Simulator
