Projection 3D
Rendre les objets 3D directement sur la toile PinePaper. Le système de projection 3D supporte cinq types de projection, cinq formes primitives, un rendu accéléré par GPU et une caméra orbitale.
Aperçu général
Le système de projection 3D de PinePaper est une bibliothèque autonome à dépendance zéro (~18Ko minifiée) qui rend les primitives 3D comme des polygones 2D sur la toile. Les objets peuvent être sélectionnés, traînés et animés avec des objets 2D réguliers.
Types de projections
Choisissez comment les objets 3D sont projetés sur la toile 2D :
| Projection | Désignation des marchandises |
|---|---|
| Aperçu | Profondeur réaliste avec raccourcissement. Les objets plus éloignés semblent plus petits. Champ de vision configurable (FOV). |
| Orthographique | Pas de distorsion de profondeur. Les lignes parallèles restent parallèles. Commun dans les dessins techniques/ingénierie. |
| Isométrique | Vue axonométrique à angle égal (30° axes). Populaire dans le jeu art et des diagrammes architecturaux. |
| Cabinet | Projection oblique où l’axe de profondeur est tracé à mi-échelle et 45°. |
| Cavalier | Projection oblique où l’axe de profondeur est tracé à pleine échelle et 45°. |
Primitifs
Cinq formes 3D intégrées:
| Priorité | Désignation des marchandises |
|---|---|
| Cube | Taille configurable |
| Sphère | Rayon et nombre de segments configurables |
| Cylindre | Rayon et hauteur configurables |
| Torus | Rayon principal/mineur configurable |
| Cône | Rayon et hauteur configurables |
Chaque primitive prend en charge les couleurs personnalisées et la rotation sur tous les axes.
Accélération du GPU
Le rendu sélectionne automatiquement le meilleur moteur disponible :
- WebGPU calcul — le plus rapide, utilisé lorsque disponible
- WebGL2 transformer la rétroaction — repli rapide
- CPU — recul universel
L’accélération du GPU s’active automatiquement lorsqu’une scène dépasse 150 faces.
Caméra
La caméra orbitale vous permet de contrôler l’angle de visionnement:
- Position — où la caméra est dans l’espace 3D
- Cible — où la caméra regarde (centre orbit)
- Champ de vision — montant de distorsion de la perspective (mode de perception seulement)
Sélection & Dragage des objets 3D
Les objets 3D sont sélectionnables et dragables sur la toile, tout comme les éléments 2D :
- Cliquez sur un objet 3D pour le sélectionner
- Faites glisser pour le repositionner
- Les animations s’arrêtent automatiquement pendant le glisser et le reprendre lors de la sortie
- La position traînée persiste à travers les cadres d’animation
Modèle de présentation des projections 3D
Un modèle pré-construit démontre le système de projection 3D avec plusieurs primitives, des animations de rotation et différents types de projection. Trouvez-le dans la bibliothèque de gabarits.
Limitations
- Les préréglages d’animation standard (fade, rebond, défilement, pulsation, etc.) ne sont pas pris en charge sur les objets 3D. Les objets 3D utilisent leur propre système d’animation de rotation via le pipeline de rendu TroisD. Appliquer une animation standard à un objet 3D n’aura aucun effet.
- Les objets 3D deviennent des polygones plats — pas de cartographie de texture, d’éclairage ou d’ombres.
- La détection de collision entre des objets 3D n’est pas encore disponible.
Conseils
- Commencez avec l’isométrique — c’est le plus visuel pour les diagrammes et les illustrations
- Utiliser des animations de rotation — La rotation d’objets 3D donne un fort sens de profondeur
- Combiner avec les éléments 2D — mélanger les primitifs 3D avec le texte et les formes pour les compositions de style infographie
- Ajustez la distance de la caméra — déplacez la caméra plus loin pour une perspective plus flattée, plus proche pour une profondeur dramatique
Related: Animations=" Éditeur d’images clés=" Modèles