بنقرة واحدة
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;
}
});