1. Home
  2. /Projects
  3. /The Path to Berner
Teilen
Game Engineeringgamedev

The Path to Berner

A Pokemon-inspired 3D story game that tells how a fateful encounter at the pond - two people, two dogs, both named Coco - led me to Berner. Built with Three.js and React Three Fiber.

Three.jsReact Three FiberTypeScriptWebGLGSAP
3D
interactive Pokémon world
100%
custom WebGL
∞
conversations started

Challenge & Solution

Challenge

My career path and the unique story of how I joined Berner were difficult to convey through a traditional resume.

Solution

An interactive 3D website in Pokemon style tells the story in a playful and memorable way — from the chance encounter at the pond to the start of my career.

Technical Details

Expand / collapse

Features

3D Engine

  • Three.js WebGL renderer
  • React Three Fiber
  • Custom 3D characters
  • Scene system
  • Dynamic lighting
  • Smooth camera movements

Story & Dialog

  • Pokemon-style dialog box
  • Typewriter effect
  • Scene transitions with fade
  • Narrative structure
  • Character animations
  • Emotional story

Game Engineering

  • Scene management
  • State machine pattern
  • Dialog system
  • Character controller
  • HUD & UI design
  • Reactive animations
All projects