Interactive Garden

Date: 18 June - July 6, 2025

Project Type: Prework Submission – Intro to Programming

Sketch File: interactive_garden/sketch.js

ps5.editor link

https://editor.p5js.org/qoryhanisagal/sketches/Y8uJ5qZy1

🔹 Project Concept

The goal was to build an Interactive Garden where users can:

• Click to plant flowers 🌸
• Toggle between day ☀️ and night 🌙 by clicking the sun/moon
• Watch bees (or fireflies at night) fly across the screen 🐝
• See the environment change depending on the time of day

The plan is to demonstrate four key concepts:

1. Variables – to manage state like the sky color, sun/moon, bee positions, and flicker effect
2. Conditionals – to switch visuals based on day/night
3. Loops – to render repeated elements like flowers and bees
4. Functions – to modularize reusable drawing logic (like drawFlower)