Proiecţie 3D

3 min read

Render obiecte 3D direct pe panza PinePaper. Sistemul de proiecție 3D suportă cinci tipuri de proiecție, cinci forme primitive, redare GPU-accelerată, și o cameră orbitală.

Prezentare generală

Sistemul 3D de proiecție PinePaper este o bibliotecă independentă de dependență zero (~18KB minifified) care produce primitive 3D ca poligoni 2D pe pânză. Obiectele pot fi selectate, târâte şi animate alături de obiectele 2D regulate.

Tipuri de proiectie

Alege cum sunt proiectate obiectele 3D pe panza 2D:

Proiectare Descriere
Perspectivă Adâncime realistă cu scurtare. Obiectele mai îndepărtate par mai mici. Câmp de vizualizare configurabil (FOV).
Ortografic Nici o distorsiune de adâncime. Liniile paralele rămân paralele. Frecvente în desene tehnice/de inginerie.
Isometrică Vedere axonometrică cu unghi egal (30° axe). Popular în arta jocului și diagrame arhitecturale.
Cabinet Proiecție oblică în care axa de adâncime este trasă la jumătate de scară și 45°.
Cavalier Proiecție oblică în care axa de adâncime este trasă la scară completă și 45°.

Primitive

Cinci forme 3D încorporate:

Primitiv Descriere
Cub Dimensiunea configurabilă
Sferă Raza configurabilă și numărul de segmente
Cilindru Raza și înălțimea configurabile
Torus Raza majoră/minoră configurabilă
Con Raza și înălțimea configurabile

Fiecare primitiv suportă culori personalizate și rotație pe toate axele.

Accelerarea GPU

Întoarcerea selectează automat cel mai bun suport disponibil:

  1. WebGPU calcul
  2. WebGL2 transforma feedback-ul
  3. CPU

Accelerația GPU se activează automat atunci când o scenă depășește 150 de fețe.

Aparat foto

Camera orbitală vă permite să controlați unghiul de vizualizare:

  • Poziție
  • Ţinta
  • Field of view

Selectarea obiectelor 3D

Obiectele 3D pot fi selectate si tarate pe panza, la fel ca obiectele 2D:

  • Faceţi clic pe un obiect 3D pentru a selecta
  • Trageți la repoziționare
  • Animații se opresc automat în timpul tragerii și reluării când sunt eliberate
  • Poziția târâtă persistă pe ramele de animație

Model de prezentare proiectie 3D

Un șablon pre-construit demonstrează sistemul de proiecție 3D cu mai multe primitive, animații de rotație și diferite tipuri de proiecție. Găseşte-l în biblioteca şablonului.

Limitări

  • Preseturi standard de animație (colorare, salt, defilare, puls etc.) nu sunt susținute pe obiecte 3D. Obiectele 3D folosesc propriul sistem de animație prin conducta de redare ThreeD. Aplicarea unei animații standard pe un obiect 3D nu va avea niciun efect.
  • Obiectele 3D redau ca poligon plat umple .
  • Detectarea coliziunii între obiecte 3D nu este încă disponibilă.

Sfaturi

  1. Începe cu izometrie
  2. Foloseste animatii de rotatie
  3. Combine cu elemente 2D
  4. Adjust camera distanță

Related: Animații