Interactive Christmas Tree

🎄 Interactive Christmas Tree A festive, interactive web application featuring a hand-drawn canvas Christmas tree and a full multi-track music synthesizer! 🎅✨ Live Demo • Report Bug • Request Feature ✨ Features 🎄 Canvas-Rendered Tree - A detailed, layered Christmas tree drawn in real time with a textured trunk, jagged pine layers, procedural branches, and snow-capped edges ❄️ Falling Snow - Toggle a continuously generated, realistic snowfall animation 💡 Twinkling Lights - 50 spiraling, color-cycling lights with a glowing flicker effect 🎨 Animated Ornaments - Glossy, pulsing ornaments with highlights, shadows, and a glow halo across 8 colors 🎁 Add Ornament - Place new decorations dynamically anywhere on the tree with a floating note burst ⭐ Animated Star - Glowing, pulsing golden star topper 🎵 Advanced Music System - A built-in synthesizer that plays 5 full Christmas carols with layered melody, harmony, and bass tracks 🎼 Song Selector - Choose from Jingle Bells, O Christmas Tree, Silent Night, Deck the Halls, and We Wish You a Merry Christmas 🔁 Auto-Rotate Playlist - Songs automatically advance to the next carol until you pick one manually 📊 Music Visualizer - An animated equalizer bar display synced to playback 🎁 Gift Boxes - Bouncing wrapped presents with golden bows at the tree base 📱 Responsive Design - Canvas and layout adapt fluidly to any screen size 🚀 Quick Start Option 1: Visit Online 👉 ChristmasTreej.github.io Option 2: Run Locally # Clone the repository git clone https://github.com/ChristmasTreej/ChristmasTreej.github.io.git # Open index.html in your browser cd ChristmasTreej.github.io open index.html Option 3: Download Download the ZIP file and open index.html in any modern browser. 🎮 Usage Interactive Controls: ❄️ Toggle Snow - Turn the snowfall animation on/off 💡 Toggle Lights - Turn the twinkling Christmas lights on/off 🎵 Play Music - Start/stop the music player (button switches to ⏹️ Stop Music) 🎁 Add Ornament - Add a new colorful ornament to the tree Song Selection: 🔔 Jingle Bells 🌲 O Christmas Tree 🌙 Silent Night ⛄ Deck the Halls 🎅 We Wish You a Merry Christmas 💡 While music plays, songs auto-rotate through the playlist. Selecting a song manually stops auto-rotation and plays your choice on repeat. 🎼 How the Music Works The app uses the Web Audio API to synthesize music entirely in the browser — no audio files required. Each song is defined as note data (melody, harmony, and bass) and rendered through custom instrument synthesis: Bell Tone - Additive harmonic synthesis for the lead melody Glockenspiel - Bright overtones on sustained notes Pad - Detuned sawtooth voices with a lowpass filter for warm harmony Bass - Triangle + sine layered tone with a lowpass filter Sleigh Bells - Filtered noise bursts for a festive percussive rhythm Reverb & Compression - A convolution reverb and dynamics compressor for a polished, spacious mix