Skip to content

Kap in 3D (prototype) - #24

Merged
nannndev merged 1 commit into
mainfrom
claude/exciting-bell-qakqv7
Sep 27, 2026
Merged

nannndev merged 1 commit into
mainfrom
claude/exciting-bell-qakqv7

Conversation

@nannndev

Copy link
Copy Markdown
Owner

Summary

  • A three.js Kap (KapScene, lazy loaded, 11 kB gzip-4 kB chunk plus the shared three chunk):
    • The body is an SA keycap: a tapered, dished rounded box with per-face vertex colours.
    • He stands on MX-stem feet, and a flickering flame with a point light sits on top.
  • Interactions:
    • Drag to spin; he eases back to a three-quarter view.
    • Click or tap to hop, with squash and stretch.
    • Eyes follow the pointer, and he blinks and breathes.
    • An optional typing mode makes him nod and burns the flame brighter with each keystroke. It is built but not turned on anywhere yet.
  • Wears the Wardrobe colourway and all 9 accessories in 3D. The streak mood sets the face and cap colours, and the tier sets the flame.
  • Kap3D is shown in the streak panel and the Wardrobe preview. The 2D Kap shows while it loads and when WebGL is unavailable.
  • Reduced motion turns off the idle motion.

Test plan

  • tsc -b, vitest (185 tests) and the build pass.
  • Rendered all looks and moods in headless Chromium (SwiftShader).
  • Checked drag-to-spin inside the Wardrobe.

🤖 Generated with Claude Code

https://claude.ai/code/session_018xNjY7412Rp5bFuw5h69yu


Generated by Claude Code

A three.js Kap, lazy loaded: an SA keycap (tapered, dished rounded box)
on MX-stem feet with a flickering flame and point light. Eyes follow the
pointer, he blinks, breathes and hops with squash and stretch, and the
flame burns brighter with keystrokes when typing reactions are on. Wears
the Wardrobe colourway and every accessory in 3D. Shown in the streak
panel and the Wardrobe preview, with the 2D Kap while it loads or
without WebGL.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_018xNjY7412Rp5bFuw5h69yu
@vercel

vercel Bot commented Sep 27, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
codetype Ready Ready Preview Sep 27, 2026 10:12am UTC

@nannndev
nannndev merged commit e14eebc into main Sep 27, 2026
2 checks passed

This branch was successfully deployed

1 active deployment
Preview — 1d5da643 Deployed Sep 27, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants