photo

3D animation

Uni Project

This project is a 3D animation built with Three.js, featuring a model created in Blender by Klara Pogacar. I added a custom WebGL shader as the background, which reacts dynamically to environmental sounds and the camera feed, generating a unique pattern of squares. You can interact with the 3D model directly, adding an extra layer of engagement. Additionally, I integrated the Cannon.js physics engine to simulate realistic gravity, enhancing the model's interactivity and depth. This blend of visuals, audio inputs, and physics creates an immersive, responsive experience that evolves with each interaction.

Year

2024

Technologies

Three.js, WebGl

browser

Year

2024

Technologies

Three.js,WebGl

This project is a 3D animation built with Three.js, featuring a model created in Blender by Klara Pogacar. I added a custom WebGL shader as the background, which reacts dynamically to environmental sounds and the camera feed, generating a unique pattern of squares. You can interact with the 3D model directly, adding an extra layer of engagement. Additionally, I integrated the Cannon.js physics engine to simulate realistic gravity, enhancing the model's interactivity and depth. This blend of visuals, audio inputs, and physics creates an immersive, responsive experience that evolves with each interaction.

project coverproject coverproject cover