– PROJECT GUIDELINE –
This is a mini project to develop 3D scenes with generative visuals utilizing 3D objects in three.js and the OOP concept. Choose a subject / concept that interests you, investigate it closely, and analyze its appearance, sentiment, movement and behaviors. Visualize and imitate the analyzed aspects of the subject / concept you have chosen.
– MY SKETCH –
– DEVELOPMENT –
The conceptual development of this project was very much inspired by the visuals of particles transforming from one certain shape to another in general. In p5.js, Prof. Moon once showed us a project demonstrating such dynamic transition realized by a group of points and a button interaction. Therefore, I was intrigued by the potential of realizing such effects in a 3-dimensional space.
Therefore, in this project, I generated a group of particles using OOP, and initially set them to constitute a cylindrical shape with large width. The Point-of-View shows its side by default at first, and by dragging the mouse left and right, up and down, users are able to see it from various directions (see screenshots below).
Because I would like to achieve the purpose of ending the particle movement in a cube shape, I preset the boundary of cube and assigned each particle a random speed for dispersing. After the particles reach the boundary, they would stick onto it and therefore shift into the shape of cube.
Apart from that, by experimenting with different lighting effect, I was able to achieve the visual of a bubble-like appearance for each particle. I applied a directional light as the backlight, therefore each particle has a strong comparison between the back (shadow) and the front (light). If taking a closer look, the light and shadow effect further contributes to a sense of the planet, which becomes even inspiring for future development.
Leave a Reply