#webgl #physics

Cloth Simulation

Physics based spring simulation

Physics Simulation

Cloth swing simulation/rendering

As part of the technology R&D of the former Amore Pacific project, I prepared an interaction that moves soft cloth.

Cloth is made up of points with dozens of positions and are organically connected to each other. Hooke's law is applied to this connection, which simulates an elastic body without a physics engine by allowing it to be affected by expansion or contraction by external forces.

The rendering was initially developed using canvas, but as the sense of space was not at all possible, I used three.js to do texture mapping to express the texture of the cloth that looked good.

Although I couldn't use it in an actual project, I was very personally satisfied with being able to produce results by directly coding physical mathematics such as Hooke's law and integrals.😁

Tech explanation👇https://github.com/firstvirtue/cloth-simulation

#react #awards #zustand #typescript
Samsung Asset Management
The best data-driven rendering project ever
Prev
#react #canvas
Iropke Batang Typo Motion
React-based interactive motion tool
Next
0%Loading..