threejs-interaction 是做什么的?
Three.js 交互 - 射线检测(raycasting)、控制器、鼠标/触摸输入、对象选择。用于处理用户输入、实现点击检测、添加相机控制或创建交互式3D体验。
Three.js 交互 - 射线检测(raycasting)、控制器、鼠标/触摸输入、对象选择。用于处理用户输入、实现点击检测、添加相机控制或创建交互式3D体验。
cloudai-x/threejs-interaction 是一个专为 Three.js 应用设计的交互能力集,专注于处理用户输入,包括鼠标点击、触摸事件、对象选择(通过 Raycaster 射线检测)以及相机控制。它帮助开发者快速集成常见的3D交互模式,如拖拽旋转、缩放、平移视角,以及精确拾取场景中的物体。该技能适用于各类 Three.js 项目,如产品展示、数据可视化、游戏或教育工具。其核心原理是通过封装 Three.js 的 Raycaster、OrbitControls 等模块,提供简洁的 API 和事件系统,降低交互逻辑的重复开发成本。支持桌面端和移动端触摸输入,并兼容主流 Three.js 版本。
npx skills add https://github.com/cloudai-x/threejs-skills/tree/main/skills/threejs-interactionInstalled? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Three.js 交互 - 射线检测(raycasting)、控制器、鼠标/触摸输入、对象选择。用于处理用户输入、实现点击检测、添加相机控制或创建交互式3D体验。
This repo contains 9 individual skills — each has its own dedicated page.
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.
Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.