Code · Claude Opus 5.5
Build a self-contained Three.js scene of the dark matte-black…
Build a self-contained Three.js scene of the dark matte-black Mac-style keyboard shown in the reference image, modelled entirely in code. Include rounded-rectangle keycaps with slightly bevelled edges, sitting in a rounded aluminium-look chassis: the esc and F1–F6 row, the number row with § ± 1–7, the QWERTY, ASDF and ZXCV rows, and the bottom row with fn, control, option, command and a wide space bar. Draw the legends from the reference, such as esc, the function icons, letters and symbols, as crisp white-grey canvas textures on each key, and give the fn key a small red LED. Put it on a near-black background with a soft vignette, a dim key light from above-left and a subtle cool rim light, with soft shadows and gentle reflections on the keys. Add OrbitControls with damping, limited polar angle and zoom limits, and a slow auto-rotate that pauses when the user interacts. Interactions: keys depress with a spring animation when clicked or tapped, the physical keyboard presses the matching 3D key, hovering a key lifts it and brightens its legend, and pressed keys leave a brief soft glow. Add a gentle idle float and an intro animation where the keys drop in with a stagger. Must run responsively at any window size, with the renderer resizing correctly and pixel ratio capped at 2.
Meng To@shadownessguy0097- Model
- Claude Opus 5.5
- Made by
- Meng To
- Shared
- Likes
- 0
Use its prompt, turn it into a video or a 3D model, or find more like it in Fil. Fil is invite-only for now: without an invitation, Open in Fil shows the waitlist.
