Personal site · In progress
This website
The page you’re on. The sky runs from morning at the top to night at the bottom, and the avatar is me.
- Morning to night
- the sky follows you down the page
- 1
- 3D scene behind every page, avatar included
What it is
My personal site. The sky runs from morning at the top of the page to night at the bottom, and the small figure who follows you around is me.
How it works
- Blender model
- GLB with animations
- three.js scene
- Next.js pages
One scene behind everything
A single three.js canvas sits behind every page, with the sky, the hills and the avatar. As you scroll, each section claims him and he moves over to stand beside what you’re reading. On a project page like this one, the sky stays in the afternoon.
The avatar
He’s a Blender model of me: black hair, big glasses, white tee, black trousers. He loads as one GLB file with his animations inside. Tap him and he waves. Drag sideways and he spins, then turns back to face you.
Pages and layouts
The site runs on Next.js, with a page for each project. While it’s being built, an options panel lets me switch between layouts and keep the ones I like.