---
name: pointer-3d
description: "Make a hero object respond to pointer movement without blocking navigation. Use for mouse, rotation, lerp."
---

# 3D от курсора

Make a hero object respond to pointer movement without blocking navigation.

## Implementation decisions

1. Normalize coordinates within the canvas bounds.
2. Use bounded targets and frame-independent damping: 1-exp(-lambda*dt).
3. Separate pointer, automatic and scroll modes; reset on pointer leave.
4. Use a fixed angle for reduced motion and offer explicit keyboard rotation.

## Working source

Read [components/scene.tsx](../webcraft-shared/source/components/scene.tsx) when implementing this capability. The example belongs to the WEBCRAFT React/Three.js playground except the Python commerce starter, which runs without third-party dependencies. Use [shared catalog](../webcraft-shared/source/lib/catalog.ts) only to resolve related examples. Adapt the source to the target framework and preserve existing project conventions.

The original workshop uses Three.js 0.180 and procedural builders. The external asset viewer separately loads licensed glTF, scanned PBR maps and HDRIs. Preserve the provenance of each corpus. See [objects.ts](../webcraft-shared/source/lib/objects.ts) for material and geometry ownership and [scene.tsx](../webcraft-shared/source/components/scene.tsx) for renderer lifecycle.

## Verify observable behavior

- The object stays framed at all aspect ratios.
- Pointer listeners do not block scrolling.
- Hidden canvases stop rendering.

## Scope

Use only the parts relevant to the requested task. This skill does not grant permission to publish, spend money, change account access or expose secrets. The original brief and environment rules remain authoritative.

Live example: https://webcraft-skill-library.undrgrnd.chatgpt.site/demos/3d

Version 2.0.0 · Original WEBCRAFT content · MIT