jdhruva03/threejs-particle-system

Web Based Particle System

Authors

Brennen Green, Austin Burnett, Jainam Dhruva, Jared Statter, Keving Patel

For our senior design project we decided to tackle a web based particles system utilizing ThreeJS.

Functionality

Along with an interactive display of our scene and particle system, we will provide some basic functionality to allow the user to design their own various effects based upon our presets.

These settings include, but are not limited to

• Color gradient of particles
• Emitting radius
• Physical parametters
• Lifetime of particles
• Textures used to draw particles
• etc.

Dependencies (all includes in the /js file)

• ThreeJS
• DatGUI

Roadmap

• Initial ThreeJS Setup
• Initial DatGUI Setup
• Static Particle Effect
• Simple scene with camera based exploration
• Particle Effects using an Emitter
• Settings to change the parameters of emitter simulation (2 presets)
  • Fountain Emitter
  • Object Following Emitter
• Profiling Window
• Introductory Webpage
• MVP
• Further Abstraction of Particle Engine
• Creation of more presets
  • Starfield Effect
  • Smoke Effect
  • Rain Effect
  • Fireworks Effect