Threejs Tree Scene
Project Overview
This was an assignment for one of my courses where we were tasked with creating a scene with Threejs that included 100 trees with random attributes. The project that I created used a spherical sky box with a sky texture and a ground plane with a grass texture(both textures were not my creation). Using Threejs I created a simple pine tree using 3 cones and on cylinder. I added fog to the scene, added light sources and shadows to the scene and trees. The camera was implemented using the Threejs orbital camera controls. The final implementation was spawning in 100 random generated trees to the scene, which was done by randomly placing them in the spheres range, then adding a random minuscule tilt to the trees, and a random scale(size) for each tree. All of this project was done using Visual Studio Code, my Google Chrome browser and the Threejs libraries.
The video below is a recording created for my project submission and includes a brief review of the code in the project and at the end a run through the program in my web browser.(The video was recorded in zoom so it is very choppy)
Threejs Tree Scene
Published:

Threejs Tree Scene

Published: