Threejs Boiler Plate and Tutorial

Inspiration

I wanted to learn threejs this weekend, however, turns out that its way more complex than I expected and requires more time. well, I wanted to build a garden where one can play squash and looks cool, but I didn't have enough time to build it. So I built a threejs boilerplate along with some tips that I learnt yesterday.

What it does

It installs threejs and express for you and spins up a development server. You can explore the camera controls and look at a cool 3d model that I found sketchfab.

What we learned

I learned how to create a threejs project. How it works. About camera and lighting in threejs. How models are made in blender and what textures and geometries are

What's next for Threejs Boiler Plate and Tutorial

I wanted to build a garden where one can play squash and looks cool, but I didn't have enough time to build it so i might as well try to build something like that in future using this boiler plate. Also I feel that I can add other modules as well to build a complex boilerplate with webpack. (A-Frame, Web-Xr)

Built With

• docker
• html5
• javascript
• npm
• three.js