Menu

Individual skill

3d-orbit-inspect-demo

0upvotes

Make a 3D object lean around on hover and open a full inspect view on click. Hover is a damped, bounded camera lean; click lifts the piece off its bench into the hand, where you drag to turn it, coast, dolly with wheel or pinch, and put it back with Esc, click-away or a Close button. Use for product, object, joinery and portfolio pieces in Three.js where a hover orbit and click-to-full-view must not fight each other; use webgl-3d-object for a floating hero mesh with no inspect mode, and 3d-virtual-tour for a camera path through a place.

agent-skills/3d/3d-orbit-inspect-demo/SKILL.md

Read pinned source

Source commit 5ea1661a0e05d82b054553daaa6baf6d0233c33c

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
7,337
Repository last updated
Nov 8, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# 3D Orbit and Inspect

Three.js · WebGL. No OrbitControls, no custom shaders.

**The mechanism:** hover leans the *camera* a few degrees around the object with a gain that rises only while a raycast hits it, and click hands the *object* (not the camera) to a second render layer that lifts it to a fixed spot in front of the lens. The two modes share no state except one rule: the lean freezes whenever a click is possible or the piece is in the hand. Remove that rule and the target slides out from under the click.

Nearest skills: `webgl-3d-object` (a floating mesh, no inspect), `3d-virtual-tour` (its "orbit inspection" is one mode of a walkthrough; the camera itself flies). Reach for this when there is one object and two gestures on it.

Reuse `demo.html`: the joint, the room, the lean, the lift and the return are all in one module. Copy `updateLean`, `updateHand`, `openInspect`, `closeInspect`, the pointer block and `draw`. Swap the meshes for your own object; nothing else names the joint except `FROM`, `RR` and `Q_BENCH`.

## What is and is not in the source

Kibori (`kibori.html`, section "8b. Inspect — pick an item up") has click-to-lift with drag-to-turn, an idle wheel, a "Look closer" cue and a zoom-in cursor on hover, and close by click-away, Esc, scroll or its Close button. It has **no hover orbit**: the camera only leans a few degrees as scroll dollies it between stations. It also has **no free zoom**, because wheel is the page scroll and closes the piece. So:
Back to top