DevelopmentMédio

Three.js Interaction

porcloudai-x·cloudai-x· v1.0.0 · atualizado em 2026-04-10

Score

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

threejs3d-graphicsraycastinguser-interactioncamera-controlsjavascriptwebgl

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdthreejs-interaction/workflow

Set up Three.js scene: — Create a scene, camera, and renderer.

Implement Raycasting: — Initialize a `THREE.Raycaster` to detect object intersections.

Capture User Input: — Add event listeners for mouse clicks, touch events, or keyboard input.

Convert Coordinates: — Transform screen coordinates to world coordinates using the camera.

Detect Intersections: — Use the raycaster to find objects that intersect with the ray.

Handle Interactions: — Implement logic to respond to the detected interactions (e.g., object selection, camera movement).

Update Scene: — Modify the scene based on the interaction and re-render.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comThree.js Animation

70%

60%

Árvore do Skill

Three.js Interaction

threejs-interaction

Fases Cognitivas4

1.SENSE

2.CONTEXTUALIZE

3.ACT

4.REFLECT

Triggers7

implement raycasting in three.jsadd orbit controls to a three.js scenehandle mouse clicks in a 3d scenecreate interactive 3d elementsenable object selection in three.jsadd touch support to a three.js applicationimplement drag and drop in three.js

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download threejs-interaction

$ synaptic skills detail threejs-interaction

$ synaptic skills live threejs-interaction

Dependências

three three/addons/controls/OrbitControls.js three/addons/controls/FlyControls.js three/addons/controls/FirstPersonControls.js three/addons/controls/PointerLockControls.js three/addons/controls/TrackballControls.js three/addons/controls/MapControls.js three/addons/controls/TransformControls.js three/addons/controls/DragControls.js three/addons/interactive/SelectionBox.js three/addons/interactive/SelectionHelper.js

Links

GitHub Repository