Festive 3D Christmas Scene

Hi all,

I just wanted to share a project I built for the Three.js Journey Christmas Challenge! It’s an interactive 3D Christmas scene featuring a “Back to the Future” train, falling snow, an interactive Christmas tree, and more. While it received some votes, it didn’t win, but I’d love to hear your thoughts and feedback!

:point_right: Live Scene
:point_right: GitHub Repo


Features

  • Interactive Christmas Tree: Click to toggle animations and play festive music.
  • Train Animation: A “Back to the Future” train moving around the scene.
  • Falling Snow Particles: Snow effects using GLSL shaders.
  • Custom Gradient Skybox: Winter sky created with GLSL.
  • Festive Text: Animated text to add extra holiday vibes.
  • Dynamic Lighting: Ambient and directional lights.

GLSL Shaders and Highlights :sparkles:

I used GLSL shaders to make the scene feel more alive:

  • Snow Shader: For realistic falling snow particles.
  • Skybox Shader: A gradient shader to simulate a winter sky.
  • Text Shader: To give the festive text its unique glow.

Check It Out

If you like it, I’d really appreciate some stars on GitHub and any feedback you’d like to share! :slight_smile:

3 Likes