WordPerfect is a real-time, competitive multiplayer word game inspired by Boggle. I wanted to capture the frantic, tactile excitement of shaking a physical letter grid and race against friends to discover hidden words, translating that exact energy into a browser environment.
Building WordPerfect meant designing and optimizing three interconnected layers: container physics, real-time presence synchronization, and anti-cheating window constraints. Let's look at the engineering under the hood:
Type any word below to see it dynamically sized and dropped as a physical capsule. The capsule bounds are calculated using the text width on the canvas, falling with natural gravity and colliding elastically.
Type words and click "Drop Word" to fill the physics container.
To capture the tactile experience of shaking a physical Boggle cup, tiles fly to the center, stack like cards with messy rotations, and spring back into randomized positions. Try shuffling the grid below:
Click "Shuffle Grid" to see the springy translation and rotation animation in action.
Designing WordPerfect forced me to inspect Boggle's unique social mechanics: