threejs-animation
Animer des scènes Three.js
La configuration d’animations Three.js peut être difficile à structurer entre mixers, clips, os et cibles de morphing. Cette compétence fournit des modèles ciblés pour les images clés, les animations GLTF, le blending et le mouvement procédural.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "threejs-animation" from https://skillstore.io/skills/cloudai-x-threejs-animation.md and its manifest at https://skillstore.io/api/skills/cloudai-x-threejs-animation/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Tester
Utilisation de « threejs-animation ». J’ai besoin qu’un cube tourne, rebondisse et reste fluide à différentes fréquences d’images.
Résultat attendu:
- Un plan étape par étape pour configurer l’horloge, utiliser le temps écoulé et placer la boucle de rendu.
- Une brève explication du delta time et de l’oscillation fluide.
Utilisation de « threejs-animation ». Un personnage GLTF possède des clips idle, walk et run qui nécessitent des transitions fluides.
Résultat attendu:
- Une stratégie de blending utilisant un seul mixer et trois actions.
- Des conseils pour les poids d’action, les fondus enchaînés et les seuils de vitesse.
Utilisation de « threejs-animation ». Un mesh de visage doit avoir des cibles de morphing de sourire et de clignement contrôlées dans le temps.
Résultat attendu:
- Un workflow de cible de morphing qui identifie les entrées du dictionnaire et les poids d’influence.
- Des suggestions pour le timing des images clés et le contrôle procédural des expressions.
Audit de sécurité
SûrAll static alerts in SKILL.md are false positives caused by Markdown code fences, inline code formatting, or JavaScript Object.keys usage. The file is instructional Three.js animation documentation with code examples for mixers, clips, bones, morph targets, and procedural motion. No prompt injection, data exfiltration, shell execution, or sensitive key material was found.
Facteurs de risque
⚙️ Commandes externes (45)
Partager et citer ce rapport
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
Copier le lien du rapport
https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/cloudai-x-threejs-animation?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/cloudai-x-threejs-animation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cloudai-x-threejs-animation/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/cloudai-x-threejs-animation.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
cloudai-x. (2026). threejs-animation security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4Citation BibTeX
@techreport{cloudai-x-cloudai-x-threejs-animation-2026,
author = {cloudai-x},
title = {threejs-animation security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "threejs-animation security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "cloudai-x"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cloudai-x-threejs-animation/audits/4"
identifiers:
- type: other
value: "skillstore:cloudai-x-threejs-animation:audit:4"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: ÉlevéCe que vous pouvez créer
Mélanger les mouvements de personnage
Ajoutez des transitions entre repos, marche et course avec des actions et des poids AnimationMixer propres.
Créer un mouvement de produit
Créez des mouvements d’objets produit, des déplacements au survol et des effets visuels en boucle avec des modèles d’animation procédurale.
Mapper des rigs importés
Examinez comment les clips GLTF, les os de squelette et les cibles de morphing se mappent vers les contrôles Three.js.
Essayez ces prompts
Utilise cette compétence pour expliquer la boucle d’animation Three.js minimale pour un mesh qui tourne et rebondit. Inclure l’horloge, le delta time et la mise à jour du rendu.
Utilise cette compétence pour créer un plan d’images clés pour une animation de position, d’échelle et de rotation d’un mesh. Explique quels types de pistes utiliser et pourquoi.
Utilise cette compétence pour concevoir le blending idle, walk et run pour un personnage GLTF. Inclure la configuration du mixer, les poids d’action et le comportement de fondu enchaîné.
Utilise cette compétence pour examiner une scène contenant de nombreux modèles animés. Recommande des limites de mixers, la mise en cache des clips, les pauses hors écran et les choix de blending additif.
Bonnes pratiques
- Mettez à jour les mixers avec le delta time provenant d’un Three.Clock partagé.
- Utilisez des fondus enchaînés et des poids plutôt que d’arrêter brutalement les actions.
- Optimisez les clips et mettez en pause les mises à jour pour les objets animés invisibles.
Éviter
- Créer un nouveau mixer à chaque frame.
- Coder en dur les noms d’os sans vérifier que le modèle les contient.
- Exécuter chaque mise à jour d’animation lorsque l’objet est hors écran.