Proyección 3D
Render objetos 3D directamente sobre el lienzo PinePaper. El sistema de proyección 3D admite cinco tipos de proyección, cinco formas primitivas, renderizado acelerado por GPU y una cámara orbital.
Sinopsis
El sistema de proyección 3D de PinePaper es una biblioteca independiente cero-dependencia (~18KB minificada) que hace primitivos 3D como polígonos 2D en el lienzo. Los objetos pueden ser seleccionados, arrastrados y animados junto con artículos 2D regulares.
Tipos de proyección
Elija cómo se proyectan objetos 3D sobre el lienzo 2D:
| Proyección | Descripción |
|---|---|
| Perspectiva | Profundidad realista con deslocalización. Los objetos más lejanos parecen más pequeños. Campo de visión configurable (FOV). |
| Ortográfico | No hay distorsión profunda. Las líneas paralelas siguen siendo paralelas. Común en dibujos técnicos y de ingeniería. |
| Isometric | Vista axonométrica de igual ángulo (30° ejes). Popular en el arte del juego y diagramas arquitectónicos. |
| Cabinet | Proyección oblicua donde el eje de profundidad se dibuja a media escala y 45°. |
| Cavalier | Proyección oblicua donde el eje de profundidad se dibuja a toda escala y 45°. |
Primitivos
Cinco formas 3D incorporadas:
| Primitivo | Descripción |
|---|---|
| Cube | Tamaño configurable |
| Sphere | Conteo de radio y segmento configurable |
| Cilindro | Radius configurable y altura |
| Torus | Configurable principal/radio menor |
| Cone | Radius configurable y altura |
Cada primitivo soporta los colores personalizados y la rotación en todos los ejes.
GPU Aceleración
Rendering selecciona automáticamente el mejor backend disponible:
- Computación PG0X — más rápido, usado cuando esté disponible
- WebGL2 transforma la retroalimentación - rápido retroceso
- CPU: retroceso universal
La aceleración de GPU se activa automáticamente cuando una escena supera 150 caras.
Cámara
La cámara orbital permite controlar el ángulo de visualización:
- Posición, donde la cámara está en el espacio 3D
- Target - donde la cámara mira (centro de órbita)
- Field of view — perspective distortion amount (perspective mode only)
Seleccionar " Arrastrar objetos 3D
Los objetos 3D son seleccionables y arrastrables en el lienzo, al igual que los elementos 2D:
- Haga clic en un objeto 3D para seleccionarlo
- Arrastre a la reposición
- Animaciones pausan automáticamente durante el arrastre y reanudar cuando se libera
- La posición arrastrada persiste a través de marcos de animación
Plantilla de proyección 3D
Una plantilla preconstruida muestra el sistema de proyección 3D con múltiples primitivos, animaciones de rotación y diferentes tipos de proyección. Encuéntralo en la biblioteca de plantillas.
Limitaciones
- Presets de animación estándar (fade, rebote, desplazamiento, pulso, etc.) no son compatibles con objetos 3D. Los objetos 3D utilizan su propio sistema de animación de rotación a través del oleoducto de renderizado ThreeD. Aplicar una animación estándar a un objeto 3D no tendrá efecto.
- Los objetos 3D se convierten en rellenos de polígono plano, sin cartografía de textura, iluminación o sombras.
- La detección de colisión entre objetos 3D todavía no está disponible.
Consejos
- Empieza con isométrico — es el más atractivo visualmente para diagramas e ilustraciones
- Uso de animaciones de rotación — objetos 3D giratorios da un fuerte sentido de profundidad
- Combina con artículos 2D — mezclar primitivos 3D con texto y formas para composiciones de estilo infográfico
- Ajustar la distancia de la cámara — mover la cámara más para una perspectiva más plana, más cerca para una profundidad dramática
Related: Animations Silencio Keyframe Editor Silencio Plantillas