LogoClawIndex
CasesSkillsAbout
LogoClawIndex

threejs-interaction - Handle interaction in Three.js scenes

Handle raycasting, camera controls, mouse and touch input, object selection, and interactive 3D scene behaviors in Three.js.

Tags

Updated: 2026-10-01
Three.js3D interactionraycastingcamera controlsobject selectiontouch input

Capabilities

Perform raycastingConvert pointer coordinatesHandle touch inputConfigure camera controls

Typical Inputs

Three.js sceneCameraRenderer DOM element

Typical Outputs

Raycast intersectionsSelected object stateCamera control state

What this skill does

  • Perform raycasting
  • Convert pointer coordinates
  • Handle touch input
  • Configure camera controls
  • Transform selected objects
  • Drag scene objects
  • Select scene objects

Inputs

  • Three.js scene
  • Camera
  • Renderer DOM element
  • Interactive objects
  • Mouse events
  • Touch events
  • Keyboard events

Outputs

  • Raycast intersections
  • Selected object state
  • Camera control state
  • Object transform state
  • Drag events
  • Pointer lock state

Requirements

  • JavaScript runtime
  • Three.js
  • Three.js control addons
  • Browser input events

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.