3D projekce

3 min read

Render 3D objekty přímo na PinePaper plátně. 3D projekční systém podporuje pět projekčních typů, pět primitivních tvarů, GPU- zrychlené vykreslování a orbitální kameru.

Přehled

3D projekční systém PinePaper je samostatná knihovna závislosti na nule (~ 18KB minifikovaná), která činí 3D primitivy jako 2D polygony na plátně. Objekty lze vybrat, táhnout a animovat vedle běžných 2D položek.

Typy projekcí

Vyberte si, jak 3D objekty jsou promítány na 2D plátno:

Projekce Popis
Pohled Realistická hloubka se zkrácením. Objekty vzdálenější se zdají menší. Konfigurovatelné zorné pole (FOV).
Ortografické Žádné deformace hloubky. Paralelní čáry zůstávají rovnoběžné. Společné v technických / technických výkresech.
Isometric Rovnoúhlý axonometrický pohled (30 ° osy). Populární ve hře umění a architektonické diagramy.
Kabinet Oblique projekce, kde hloubka osa je kreslena v polovině stupnice a 45 °.
Cavalier Oblique projekce, kde hloubka osa je kreslena v plném měřítku a 45 °.

Primitiva

Pět stavebních 3D tvarů:

Primitivní Popis
Krychle Nastavitelná velikost
Koule Konfigurovatelný poloměr a počet segmentů
Válec Konfigurovatelný poloměr a výška
Torus Nastavitelné hlavní / menší poloměry
Kukuřice Konfigurovatelný poloměr a výška

Každý primitivní podporuje vlastní barvy a rotace na všech osách.

Zrychlení GPU

Automatické přepisování vybere nejlepší dostupný backend:

      • WebGPU compute * * - nejrychlejší, pokud je k dispozici
      • WebGL2 transformovat zpětnou vazbu * * - rychlý návrat
      • CPU * * - univerzální záloha

Zrychlení GPU se aktivuje automaticky, když scéna přesáhne 150 tváří.

Kamera

Orbitální kamera vám umožní ovládat úhel pohledu:

      • Pozice * * - kde je kamera ve 3D prostoru
      • Target * * - kde se kamera dívá na (střed oběžné dráhy)
      • Pole pohledu * * - rozsah zkreslení pohledu (pouze režim pohledu)

Výběr a tažení 3D objektů

3D objekty jsou volitelné a draggable na plátně, stejně jako 2D položky:

  • Kliknutím na 3D objekt jej vyberte
  • Přetáhněte ji na přestavení
  • Animace se automaticky zastaví při přetažení a pokračuje při uvolnění
  • Tažená pozice přetrvává napříč animovanými rámy

Name

Představená šablona ukazuje 3D projekční systém s více primitivy, rotační animace a různé projekční typy. Najdi to v knihovně šablon.

Omezení

      • Standardní přednastavené animace * * (slábnutí, odraz, posuv, puls atd.) nejsou podporovány na 3D objektech. 3D objekty používají svůj vlastní systém rotační animace prostřednictvím ztvárňovacího potrubí ThreeD. Použití standardní animace na 3D objekt nebude mít žádný účinek.
  • 3D objekty vykreslují ploché polygonové výplně - žádné mapování textury, osvětlení nebo stíny.
  • Detekce kolize mezi 3D objekty ještě není k dispozici.

Tipy

      • Začněte s isometrickým * * - je to nejvíce vizuálně atraktivní pro diagramy a ilustrace
      • Použít rotační animace * * - rotující 3D objekty dává silný pocit hloubky
      • Kombinovat s 2D položkami * * - mix 3D primitivů s textem a tvary pro infograficko-stylové skladby
      • Upravte vzdálenost fotoaparátu * * - posuňte fotoaparát dále pro lichotivý pohled, blíže pro dramatickou hloubku
    • Související: * * [Animace] (/features/animations)