一键导入
threejs
Three.js 加载器:GLTF/GLB、纹理加载、异步与缓存、常见坑(色彩空间/坐标系/资源路径)。用户需要加载模型或资源时调用。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Three.js 加载器:GLTF/GLB、纹理加载、异步与缓存、常见坑(色彩空间/坐标系/资源路径)。用户需要加载模型或资源时调用。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Weekly Focus Engineering analysis using ActivityWatch data. Use when analyzing app usage patterns, detecting context switching problems, identifying "death loops" (repetitive app switching), calculating focus scores, or creating weekly productivity reviews.
WCAG 2.2 AA conformance auditor. Systematically verifies success criteria through automated, interactive, and manual testing methods.
Implement features from spec documents (context/doc required)
PR review for bugs, security & quality (requires PR URL)
Brutally honest roasts of your code with fixes
Accessibility improvement planning support. Generates organizational maturity assessment, phased roadmap, KPI design, and stakeholder persuasion materials.
| name | Three.js加载器 |
| description | Three.js 加载器:GLTF/GLB、纹理加载、异步与缓存、常见坑(色彩空间/坐标系/资源路径)。用户需要加载模型或资源时调用。 |
import * as THREE from "three";
import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
const loader = new GLTFLoader();
loader.load(
"/model.glb",
(gltf) => {
scene.add(gltf.scene);
},
undefined,
(err) => {
console.error(err);
},
);
GLTFLoader:加载 glTF/glb(最常用的 3D 资产格式)TextureLoader:加载图片纹理DRACOLoader 配合,并配置解码器路径gltf.scene.traverse((obj) => {
if (obj.isMesh) {
obj.castShadow = true;
obj.receiveShadow = true;
}
});