원클릭으로
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;
}
});