three.js glTF Models & Animation

gamedev-skills/awesome-gamedev-agent-skills

Load glTF or GLB models, play and blend animation clips, and configure compressed geometry and texture decoders.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add gamedev-skills/awesome-gamedev-agent-skills
8.771Sterne894ForksLetzter Repository-Push

Über diesen Skill

Load glTF or GLB models, play and blend animation clips, and configure compressed geometry and texture decoders.

Warum wir es empfehlen

Provides a focused workflow, implementation patterns, and common failure checks for three.js gltf models & animation. Pair it with the detected engine and any related systems required by the task.

Wobei es hilft

  • Use when your game task needs three.js gltf models & animation.

What this skill helps you build

Load glTF or GLB models, play and blend animation clips, and configure compressed geometry and texture decoders.

Original threejs-gltf-loading instructions

Patterns in the upstream playbook

The entrypoint covers: Load a model and frame it; Play a skinned animation with AnimationMixer; Cross-fade between two clips; DRACO-compressed geometry; Find and animate a named part.

Original threejs-gltf-loading instructions

Use it in your project

  1. Inspect the existing project

    Describe the desired behavior and share the relevant project files, engine version, and current failure or target result.

  2. Apply the focused playbook

    Load glTF or GLB models, play and blend animation clips, and configure compressed geometry and texture decoders.

  3. Verify in the matching runtime

    Run the project or workflow with its actual dependencies and check the changed behavior before accepting the result.

Original threejs-gltf-loading instructionsEngine versions and upgrade policy

Shared collection installation

Install the complete upstream collection with its router and keep each skill’s bundled references, scripts, and assets. The dispatcher selects an engine and the smallest relevant task set; a member listing is a focused entry into that shared package.

BefehlWofür er hilfreich ist
npx skills add gamedev-skills/awesome-gamedev-agent-skillsKeep the router and supporting skill folders available together.

Upstream installation guide

Vor der Nutzung

  • A browser project with the matching Phaser, PixiJS, or three.js dependency and a local HTTP server or existing build setup.

Unterstützte Agents

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.