– PROJECT GUIDELINE –
- Develop the generative visuals sketch further in 3D with three.js library.
- Utilize the Object-Oriented Programming (OOP), Vectors and Forces concepts.
- Please focus on exploring the three.js, OOP and the Forces concept and Vector math functions.
– MY SKETCH –
https://wk3-force-particle.glitch.me/
– REFERENCE –
– DEVELOPMENT –
I utilized this exercise as an opportunity to experiment with the following visual effects:
- Particle (attractor, texture): I include two systems of particles in this project that demonstrate different movement patterns and characteristics.
- Grey, square particles: the first system of movement is a group of particles following an attractor. In order to make the attractor moving around the axes therefore leading the particles accordingly, I mainly applied the technique of sin(frameCount). By properly setting the parameters, the particles as well as the attractor become able to perform a well-regulated movement around the axes.
- White, sphere particles: for this moving system, each particle is assigned to move toward different directions, rather than following any pre-determined rules. For the appearance of each particle, I imported a texture from the above reference, which blurs the edge of each particle. By manipulating a variety of properties such as opacity, blending, etc, I finally achieved a sense of dust-like texture, therefore might be helpful for my future development as a space decoration.
- Reflector
- A reflector is applied at the side of the central space. I intentionally made it fluctuate, therefore the reflections of particles will also become fluctuate and users could see special visual effects. Because the background color is also set black, the boundary between real particles and reflections become vague, therefore better inspiring my final project.
Leave a Reply