3D от курсора

Ограниченный поворот и сглаживание.

3D / WebGLmouserotationlerp

Когда использовать

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

Решения для реализации

  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.

Как проверить результат

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

Работающий пример

Подготавливаем 3D-сцену…

Файлы

SKILL.mdcomponents/scene.tsx
WEBCRAFT © 2026Оригинальные исходники и интерактивные примерыMIT License