Three.js – FlashLight Panel

Just one more trial on Three.js. As I’m getting used to the API, just regained some more interests in the library. Initially, I tried to use more complex geometries and textures, but the final code resulted in a mixture of simple lines and particles. Mostly because I found that simple objects can provide beautiful pictures along with color gradations and opacities (the another reason is that I couldn’t make them work properly…).

The followings are some more additional info.

Screenshots

Working Example

Notes

ParticleSystem
The “ParticleSystem” class of Three.js handles drawing particle objects, and it supports so many objects on screen. Though it gets slower as I increase the active particles, more than 10,000 particles just worked fine on my laptop.

dat.GUI
I’ve used dat.GUI for providing the GUI to modify parameters. It’s not related to Three.js, but dat.GUI provides a very nice user interface to configure parameters dynamically. Also, it’s pretty much easy to use.