3D-prosjekt

3 min read

Gjengivelse 3D-objekter direkte på PinePaper lerret. 3D-projeksjonssystemet støtter fem projeksjonstyper, fem primitive former, GPU-akselerert gjengivelse og et orbitalkamera.

Oversikt

PinePaper 3D-projeksjonssystem er et frittstående nullavhengighetsbibliotek (~18KB minified) som gjør 3D-projeksjon som 2D-polygoner på lerretet. Objekter kan velges, trekkes og animeres sammen med vanlige 2D-elementer.

Prosjekteringstyper

Velg hvordan 3D-objekter projiseres på 2D-bildet:

Projection Beskrivelse
Perspektiv Realistisk dybde med forkortelse. Objekter lenger unna virker mindre. Konfigurerbart synsfelt (FOV).
Ortografisk Ingen dyp forvrengning. Parallelle linjer forblir parallelle. Vanlig i tekniske/engineering tegninger.
Isometrisk Equal-vinkel aksonometrisk visning (30° aksjer). Populære i spillkunst og arkitektoniske diagrammer.
Cabinet Obligatorisk fremspring hvor dybdeaksen trekkes i halvskala og 45°.
Cavalier Obligatorisk fremspring hvor dybdeaksen trekkes i full skala og 45°.

Primitives

Fem innebygde 3D-former:

Primitive Beskrivelse
Cube Konfigurerbar størrelse
Skulen Konfigurerbar radius og segmenttelling
Sylinder Konfigurerbar radius og høyde
Torus Konfigurerbar større/minor radii
Cone Konfigurerbar radius og høyde

Hver primitiv støtter tilpassede farger og rotasjon på alle akser.

GPU Akselerasjon

Rendering velger automatisk den beste tilgjengelige motoren:

  1. WebGPU beregne — raskest, brukt når tilgjengelig
  2. WebGL2 transformere tilbakemeldinger — rask tilbakefall
  3. CPU — universell tilbakefall

GPU akselerasjon aktiveres automatisk når en scene overstiger 150 ansikter.

Kamera

Det banebaserte kameraet kan du styre visningsvinkelen:

  • Position — der kameraet er i 3D-rom
  • Target - der kameraet ser på (orbit sentrum)
  • Synsfelt — perspektivforvridningsmengde (kun perspektivmodus)

Velger & dra 3D-objekter

3D-objekter kan velges og dras på lerretet, akkurat som 2D-elementer:

  • Klikk på et 3D-objekt for å velge det
  • Dra for å plassere det
  • Animasjoner pauser automatisk under dra og gjenoppta når utgitt
  • Den dradde posisjonen fortsetter på tvers av animasjonsrammer

3D Projection Showcase Mal

En forhåndsbygd mal demonstrerer 3D-projeksjonssystemet med flere primitiver, rotasjonsanimasjoner og forskjellige projeksjonstyper. Finn den i malbiblioteket.

Begrensninger

  • Standard animasjonsinnstillinger* (fade, studs, rull, puls osv.) støttes ikke på 3D-objekter. 3D-objekter bruker sitt eget rotasjons animasjonssystem gjennom ThreeD-gjengivelsesrørledningen. Å påføre en standard animasjon på et 3D-objekt har ingen effekt.
  • 3D-objekter som gjenvinner som flat polygon fyller — ingen teksturkartlegging, belysning eller skygger.
  • Kollisjonsdeteksjon mellom 3D-objekter er ennå ikke tilgjengelig.

Tips

  1. Start med isometriske - det er den mest visuelt tiltalende for diagrammer og illustrasjoner
  2. Bruk rotasjonsanimasjoner - roterende 3D-objekter gir en sterk følelse av dybde
  3. Kombiner med 2D-elementer — bland 3D- primitiver med tekst og former for infografiske sammensetninger
  4. Adjust camera avstand — flytte kameraet videre for flatere perspektiv, nærmere dramatisk dybde

Relatert: Animasjoner | Keyframe Editor | Maler