Three.js Geometrypar CloudAI-X

Three.js Geometry Skill.

Choisissez une représentation de la forme avant d'ajouter un traitement de surface ou une animation.

3D
Three.js

Télécharger OpenDesign Voir le guide d'utilisation

Revue de la source · Three.js GeometrySKILL.md

Tâche 3D Produit • Une géométrie primitive, extrudée ou personnalisée • Des attributs de position, de normale, d'index et d'UV vérifiés • Un plan d'instanciation ou de fusion pour les formes répétées Avant de commencer Un projet Three.js et un moteur de rendu fonctionnels ; vérifiez les exemples de la source par rapport à la version installée. Les contrôles et chargeurs supplémentaires dépendent du parcours choisi.

Résumé éditorial · source examinée le 2026-10-07 · pas un exemple généré

01 Fonctionnement

Three.js Geometry : construire des maillages et des formes répétées

Constructeurs de formes, attributs BufferGeometry personnalisés, instanciation, utilitaires de géométrie et libération des ressources.

Flux de travail fondé sur la sourcePas un test de performance d'exécution

La méthode de travail

Three.js Geometry couvre les primitives, les formes basées sur des tracés, les tampons de sommets personnalisés, les points, les lignes et les maillages répétés. Il se concentre sur la structure : positions et index, normales de surface, coordonnées de texture, et rapport entre le détail géométrique et le coût de rendu.

La source passe des boîtes et des sphères à l'extrusion, aux tubes, au texte et à InstancedMesh. Elle sert aussi bien à créer une forme personnalisée qu'à diagnostiquer une répétition coûteuse. Le maillage obtenu doit tout de même être inspecté ; des exemples ne prouvent pas qu'un asset est prêt pour la production.

Livrables attendus

Géométrie primitive, extrudée ou personnalisée
Attributs de position, de normale, d'index et d'UV vérifiés
Un plan d'instanciation ou de fusion pour les formes répétées

Voir le brief d'exemple

Du brief à la revue

01
Choisir une représentation
Utilisez une primitive ou une forme basée sur un tracé lorsqu'elle exprime la forme ; réservez les tampons personnalisés à un contrôle plus fin.
02
Inspecter le maillage
Vérifiez les dimensions, l'orientation des triangles, les normales et les bornes avant de juger son matériau.
03
Réduire le coût de la répétition
Utilisez l'instanciation adaptée ou la fusion statique compatible, et libérez la géométrie inutilisée.

02 Cas d’usage

Quand l'utiliser

Un projet Three.js et un moteur de rendu fonctionnels ; vérifiez les exemples de la source par rapport à la version installée. Les contrôles et chargeurs supplémentaires dépendent du parcours choisi.

Un bon choix

Formes personnaliséesUtile pour les profils extrudés, les formes de révolution, les tubes ou les sommets créés à la main.
Objets répétésL'instanciation convient aux copies partageant une géométrie mais variant par leur transformation ou leur couleur.

Limites à vérifier

Pas un outil de sculptureLe skill fournit des modèles de code et non un logiciel de modélisation interactif.
Le détail n'est pas gratuitDavantage de segments peuvent améliorer une silhouette tout en augmentant le coût de rendu.

Éléments à fournir

Définition de la formeFournissez des dimensions, des points de profil ou une référence de forme.
Besoins de surfacePrécisez les exigences d'éclairage et de texture.
RépétitionIndiquez combien d'objets partagent la géométrie et ce qui varie.

03 Décisions importantes

Les décisions qui comptent

La topologie avant l'apparence
De mauvais attributs peuvent ressembler à un défaut de matériau ; inspectez d'abord les données du maillage.
Des copies sans duplication
L'instanciation est une représentation distincte pour de nombreuses formes identiques.

04 Exemple de brief

Essayer un brief ciblé

Le brief d'exemple ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Vérifier la configuration

Utilisez le répertoire threejs-skills pertinent comme guide pour l'agent. Ce n'est pas le runtime Three.js et il n'installe pas d'assets de scène.

Fichier source amont

https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-geometry/SKILL.md

Commencer par un seul livrable

Adaptez la portée, le matériau source et les contraintes de ce brief avant d'exécuter le skill.

Brief d'exemple

Utilise threejs-geometry pour construire des présentoirs à partir de ce profil. Choisis l'extrusion ou la géométrie de révolution, inspecte les normales et les bornes, et utilise l'instanciation si les présentoirs partagent un maillage. Explique quels changements de paramètres exigent de reconstruire la géométrie.

Inspecter le résultat

Comparez la sortie réelle à ces critères observables.

La silhouette suit le profil d'entrée.
Les normales et les bornes restent cohérentes après les modifications.
Les objets répétés utilisent une représentation justifiée.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

Télécharger OpenDesign Lire le guide de démarrage

05 Source et licence

Source et licence

Cette page décrit la révision figée de la source liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source: CloudAI-X
Dépôt: CloudAI-X/threejs-skills
Fichier du skill: skills/threejs-geometry/SKILL.md
Licence: Non confirmée — consultez les conditions en amont avant toute réutilisation.
Version examinée: 2026-10-07 · b1c623076c66

Résumé éditorial de la source

Constructeurs de formes, attributs BufferGeometry personnalisés, instanciation, utilitaires de géométrie et libération des ressources.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'utilisation du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Couvre-t-il le texte 3D ?

Oui. Les exemples TextGeometry incluent le chargement d'une police, les réglages de biseau et le centrage.

Quand l'instanciation est-elle appropriée ?

Lorsque les copies partagent la géométrie et diffèrent par leurs transformations ou couleurs propres à chaque instance.

Pourquoi mettre à jour les bornes après des modifications de sommets ?

Les informations spatiales doivent rester cohérentes avec les nouvelles positions du maillage.

OpenDesign

Faites de la place pour la prochaine itération de design.

Gardez votre brief, vos sources et votre travail de design ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre flux de travail.

Télécharger OpenDesign Parcourir les skills de design