Skip to content

Latest commit

Β 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ„ 3D Particle Christmas Tree

A beautiful interactive 3D Christmas Tree built with Three.js using glowing particles, smooth camera motion, and a festive explosion effect.

πŸ‘‰ **Live Demo: https://rajankit3632.github.io/christmas-tree/

✨ Features

  • 🌟 Glowing particle-based Christmas tree
  • πŸŽ₯ Smooth auto-rotating 3D camera (OrbitControls)
  • ✨ Custom particle texture for magical glow
  • ⭐ Animated glowing star on top
  • πŸ’₯ Click to explode and reassemble the tree
  • πŸ“± Responsive – works on desktop & mobile
  • πŸŽ„ Festive "Merry Christmas" animated overlay

πŸ› οΈ Built With

  • HTML5
  • CSS3
  • JavaScript (ES Modules)
  • Three.js (via CDN)

πŸš€ How to Run Locally

⚠️ Because this project uses ES modules, you must use a local server.

Option 1: VS Code Live Server (Recommended)

  1. Open the project folder in VS Code
  2. Install the Live Server extension
  3. Right-click index.html
  4. Click Open with Live Server

πŸ–±οΈ Controls

  • Mouse drag / touch – Rotate view
  • Scroll / pinch – Zoom
  • Click / tap – Explode or restore tree

πŸŽ… Merry Christmas & Happy Coding!

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages