homework-6-particle-system-eldu created by GitHub Classroom
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.gitignore
README.md
index.html
package.json
pbrt.jpg
tsconfig.json
webpack.config.js

README.md

Project 6: Particle System

Goal: to make physics-based procedural animation of particles and to practice using OpenGL's instanced rendering system.

Inspiration: DMD and CGGT alumnus Nop Jiarathanakul's Particle Dream application.

Particle collection (30 points)

Add whatever code you feel is necessary to your Typescript files to support a collection of particles that move over time and interact with various forces in the environment. Something like a Particle class could be helpful, but is not strictly necessary. At minimum, each particle should track position, velocity, and acceleration, and make use of an accurate time step value from within main.ts's tick() function. You may use any integration method you see fit, such as Euler, Verlet, or Runge-Kutta.

You'll probably want to test your code on a small set of particles at first, and with some simple directional forces just to make sure your particles move as expected.

Procedural coloration and shaping of particles (15 points)

Your particles' colors should be determined in some procedural manner, whether it's based on velocity, time, position, or distance to target point. Your particle coloration scheme should follow one of the color palette techniques discussed in Tuesday's class so that your particle collection seems coherently colored. The shape of your particles may be whatever you wish (you're not limited to the basic gradiated circle we provided in the base code). You can even use a texture on your particle surface if you wish. Feel free to set up another instanced data VBO to vary the shape of your particles within the same scene.

Interactive forces (25 points)

Allow the user to click on the scene to attract and repel particles from the cursor (consider ray-casting from the clicked point to place a 3D point in the scene from which particles can flee or move towards).

You might also consider allowing the user the option of activating "force fields", i.e. invisible 3D noise functions that act as forces on the particles as they move through the scene. You might even consider implementing something like curl noise to move your particles. Creating a visualization of these fields by drawing small GL_LINES in the direction of the force every N units in the world may be helpful for determining if your code works as expected.

Mesh surface attraction (20 points)

Give the user the option of selecting a mesh from a drop-down menu in your GUI and have a subset of your particles become attracted to points on the surface of the mesh. To start, try just having each vertex on the mesh attract one unique particle in your collection. For extra credit, try generating points on the surfaces of the mesh faces that will attract more particles. Consider this method of warping a 2D point with X, Y values in the range [0, 1) to the barycentric coordinates (u, v) of any arbitrary triangle:

(u, v) = (1 - sqrt(x), y * sqrt(x))

You can map these (u, v) coordinates to a point on any triangle using this method from Physically Based Rendering From Theory to Implementation, Third Edition's chapter on triangle meshes:

Consider pre-generating these mesh attractor points at load time so your program runs in real time as you swap out meshes.

~*~*~A E S T H E T I C~*~*~ (10 points)

As always, the artistic merit of your project plays a small role in your grade. The more interesting, varied, and procedural your project is, the higher your grade will be. Go crazy, make it vaporwave themed or something! Don't neglect the background of your scene; a static gray backdrop is pretty boring!

Extra credit (50 points max)

  • (5 - 15 points) Allow the user to place attractors and repulsors in the scene that influence the motion of the particles. The more variations of influencers you add, the more points you'll receive. Consider adding influencers that do not act uniformly in all directions, or that are not simply points in space but volumes. They should be visible in the scene in some manner.
  • (7 points) Have particles stretch along their velocity vectors to imitate motion blur.
  • (5 - 15 points) Allow particles to collide with and bounce off of obstacles in the scene. The more complex the shapes you collide particles with, the more points you'll earn.
  • (30 points) Animate a mesh and have the particles move along with the animation.
  • (15 points) Create a "flocking" mode for your scene where a smaller collection of particles moves around the environment following the rules for flocking.
  • (15 points) Use audio to drive an attribute of your particles, whether that be color, velocity, size, shape, or something else!
  • (50 points) Create a cloth simulation mode for your scene where you attach particles to each other in a grid using infinitely stiff springs, and perform relaxation iterations over the grid each tick.