3D vetítés

3 min read

Render 3D objektumok közvetlenül a PinePaper vásznon. A 3D kivetítő rendszer öt kivetítő típust támogat, öt primitív formát, a GPU- gyorsított renderelést és egy orbitális kamerát.

Áttekintés

A PinePaper 3D kivetítő rendszere egy önálló nero- dependence könyvtár (~ 18KB minified), amely a 3D primitíveket 2D poligonokká teszi a vásznon. A tárgyak kiválaszthatók, vonszolhatók, és a normál 2D elemek mellett animálhatók.

Terjedési típusok

Válassza ki a 3D objektumok vetítésének módját a 2D vászonra:

Kibocsátás Leírás
Perspektíva Realista mélység, elősírás. A távolabbi tárgyak kisebbnek tűnnek. Beállítható látómező (FOV).
Ortográfiai Nincs mélységi torzulás. A párhuzamos vonalak párhuzamosak maradnak. Gyakori a műszaki / műszaki rajzokban.
Izometrikus Egyenlő szögű axonometriai nézet (30 ° -os tengelyek). Népszerű a játékművészetben és építészeti diagramok.
Kabinet Az a kötelező kivetítés, ahol a mélység tengelyét félskálán és 45 ° -on húzzák.
Cavalier Kötelező kivetítés, ahol a mélységi tengely teljes skálán és 45 °.

Primitívek

Öt 3D alakú épület:

Primitív Leírás
Cube Beállítható méret
Gömb Konfigurálható sugár és szegmensszám
Henger Konfigurálható sugár és magasság
Tórusz Konfigurálható major / minor radii
Cone Konfigurálható sugár és magasság

Mindegyik primitív támogatja az egyedi színeket és a forgást minden tengelyen.

GPU gyorsulása

A renderelés automatikusan kiválasztja az elérhető legjobb backendet:

      • WebGPU számítás * * - leggyorsabb, használt, ha rendelkezésre áll
      • WebGL2 átalakítás visszajelzés * * - gyors visszaesés
      • CPU * * - univerzális visszaesés

A GPU gyorsulása automatikusan aktiválódik, ha a jelenet meghaladja a 150 arcot.

Kamera

Az orbitális kamera segítségével szabályozhatja a látószöget:

      • Pozíció * * - ahol a kamera 3D térben
      • Cél * * - ahol a kamera néz (pályaközéppont)
      • látómező * * - perspektíva torzulás összege (csak perspektíva mód)

3D objektumok kiválasztása

3D objektumok kiválaszthatók és draggable a vásznon, mint a 2D elemek:

  • Kattintson egy 3D objektum kiválasztásához
  • Húzza át
  • Az animációk automatikusan szüneteltetnek a húzás alatt, és a kiadás után folytatódnak
  • A vontatott helyzet az animációs keretek között fennáll

3D Projection Showcase sablon

Egy előre épített sablon mutatja a 3D kivetítő rendszer több primitívek, forgási animációk, és különböző vetítési típusok. Keresse meg a sablon könyvtárban.

Korlátozások

      • Standard animációs beállítások * * (fade, bounce, scroll, impulzus, stb.) nem támogatott 3D objektumok. 3D objektumok saját rotációs animációs rendszer segítségével a ThreeD rendering csővezeték. Egy standard animáció alkalmazása egy 3D-s objektumra hatástalan.
  • 3D objektumok renderelni lapos sokszög kitöltése - nincs textúra feltérképezése, világítás, vagy árnyékok.
  • A 3D objektumok ütközésének észlelése még nem áll rendelkezésre.

Tippek

      • Kezdjük izometrikus * * - ez a legvizuálisabb vonzó diagramok és illusztrációk
      • Váltás animációk * * - forgó 3D objektumok ad egy erős érzés a mélység
      • Combine 2D elemek * * - keverjük össze 3D primitívek szöveg és formák infografikus stílusú kompozíciók
      • A kamera távolságának beállítása * * - mozgassa tovább a kamerát a laposabb perspektívához, közelebb a drámai mélységhez
    • Kapcsolódó: * * [Animációk] (/features/animations)