Back to projects
3D Web / ThreeJS

3D Text Effects

webgl-3d-text.netlify.app/
Desktop preview of the 3D Text Effects project
Mobile preview of the 3D Text Effects project

An experimental project focused on the intersections of typography and 3D graphics. User can interact with floating letters and see how light interacts with custom-modeled type.

Frontend Stack

  • Three.js
  • FontLoader
  • TextGeometry

Backend Stack

  • Static Hosting

Project Highlights

01

Dynamic font tessellation in real-time

02

Mouse-reactive physics on floating text

03

High-gloss material experiments

04

Optimized geometry rendering

Project Links

Live Preview

Technologies

Three.jsTessellationInteraction Design