threejs-fundamentals 是做什麼的?
Three.js 場景設定、攝影機、渲染器、Object3D 階層結構、座標系。適用於建立 3D 場景、創建攝影機、配置渲染器、管理物件階層或處理變換時使用。
Three.js 場景設定、攝影機、渲染器、Object3D 階層結構、座標系。適用於建立 3D 場景、創建攝影機、配置渲染器、管理物件階層或處理變換時使用。
此技能提供 Three.js 核心基礎知識的專業指導,涵蓋場景設定、攝影機控制、渲染器配置、Object3D 階層結構與座標系操作。它主要用於輔助開發者快速建立 3D 場景,並熟悉 Three.js 的關鍵元件與變換機制。支援使用 Three.js 的開發平台(如網頁應用、互動式 3D 展示)以及相關 AI 代理工具(如 Claude Code、Cursor、Codex)。透過 clear 且結構化的說明,此技能能有效減少場景搭建時的常見錯誤,並提升物體層級管理與座標轉換的效率。對於需要處理 3D 圖形、遊戲開發、或數據可視化的開發者而言,這是一個不可或缺的參考工具。
npx skills add https://github.com/cloudai-x/threejs-skills/tree/main/skills/threejs-fundamentalsInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Three.js 場景設定、攝影機、渲染器、Object3D 階層結構、座標系。適用於建立 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 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 interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
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.