Spacetime deformer

Spacetime Deformer

Interactive realtime 3D spacetime-inspired deformation playground.

Explore abstract gravity-like distortions through a neon wireframe visualization rendered in real time.

This project is not a physically accurate simulation of general relativity. Instead, it is an artistic and procedural exploration of gravity-inspired spatial deformation using customizable 3D parameters.

Features

- Realtime procedural grid deformation

- Interactive gravity-inspired distortions

- Adjustable curvature, pinch, swirl, and wave parameters

- Dynamic wireframe rendering

- Multiple spatial planes (XY / XZ / YZ)

- Interactive orbit camera controls

- Synthwave-inspired visual aesthetic

Controls

- Left click : rotate camera

- Right click : pan

- Mouse wheel : zoom

Technical Notes

Architecture designed with a decoupled realtime rendering pipeline:

React UI -> mitt event bus -> Three.js renderer

- React used for the control interface

- Three.js used for realtime rendering

- Event-driven communication layer using mitt

- Procedural geometry deformation system

- Realtime parameter-driven mesh updates

Tech Stack

- React

- Three.js

Notes

Created as an experimental realtime rendering and creative coding project.