Experimentlive2024
3D Chat Application
A real-time chat app with an interactive Three.js 3D background and GSAP animations, supporting rooms and message history.
- Started
- 2024
- Stack
- JavaScript, HTML5, CSS3, Three.js, GSAP, WebSocket
- Kind
- Experiment
- Source
- Public
Why I built it
An experiment in pairing a real-time chat interface with 3D graphics and motion to make a familiar app feel more engaging.
What it does
- Username selection with duplicate-name prevention
- Creating and joining chat rooms with live room-list updates
- Real-time messaging with history and text formatting (bold, italics, links)
- Interactive Three.js 3D background and GSAP message animations
How it is built
Built with HTML5, CSS3, and ES6+ JavaScript, using Three.js for the 3D background, GSAP for animations, and WebSocket for real-time messaging.
How it evolved
- 2024Scoped
An experiment in pairing a real-time chat interface with 3D graphics and motion to make a familiar app feel more engaging.
- 2024Built
Built with HTML5, CSS3, and ES6+ JavaScript, using Three.js for the 3D background, GSAP for animations, and WebSocket for real-time messaging.
- 2024Live
Shipped and kept it running.
Built by Syed Tasavour. More at syedtasavour.com.