3D Proyekto
Magbigay ng 3D na mga bagay na direktang nasa kambas ng PinePaper. Sinusuporta ng 3D projection system ang limang uri ng projection, limang primitibong hugis, GPU-accelerated translation, at isang orbital camera.
Overview
Ang 3D projection system ng PinePaper ay isang standalone zero-dependency library (~18KB monified) na nag-aanunsyo sa 3D primitibong bilang 2D polygon sa kanbas. Ang mga bagay - bagay ay maaaring piliin, hilahin, at pasiglahin sa tabi ng regular na 2D na mga bagay.
Mga Uri ng Proyekto
Piliin kung paano iginuguhit ang 3D bagay sa 2D canvas:
| Proyekto | Paglalarawan |
|---|---|
| Pangmalas | Makatotohanang lalim sa pamamagitan ng pagpapaikli. Ang mga bagay sa malayo ay waring mas maliit. Configable field of view (FOV). |
| Ortograpiya | Walang pagpilipit sa lalim. Ang magkatulad na mga guhit ay nananatiling magkahanay. Karaniwan sa teknikal/makinang mga drowing. |
| Di - normal | Magkatumbas-angle axonometric view (30° na mga palakol). Popular sa sining ng laro at mga larawan sa arkitektura. |
| Gabinete | Oblique projection kung saan ang lalim ng axis ay naiguhit nang kalahati at 45°. |
| Manlalayag | Oblique projection kung saan ang lalim ng axis ay iginuhit nang husto at 45°. |
Mga Sinauna
Limang ginawa-in 3D hugis:
| Sinaunang Panahon | Paglalarawan |
|---|---|
| Sanggol | Hindi kapani - paniwalang laki |
| Sphere | Kapani - paniwalang pag - ikot at pagbilang ng bahagi |
| KABUTIHAN | Kabi - kabilang pag - ikot at taas |
| Torus | Kabihasnan ang major/minor radii |
| Ibuto | Kabi - kabilang pag - ikot at taas |
Ang bawat primitibong sumusuporta sa mga nakaugaliang kulay at umiikot sa lahat ng mga palakol.
Pag - abuso sa GPU
Ang kusang - loob na pagpili ng pinakamainam na makukuhang tulong:
- *WebGPU compute — pinakamabilis, ginagamit kung mayroon
- *WebGL2 change feedback — mabilis na pagkatumba
- CPU — pansansinukob na pagbagsak
Ang GPU ay kusang kumikilos kapag ang isang eksena ay lumampas sa 150 mukha.
Kamera
Ang orbital camera ay nagpapangyari sa iyo na kontrolin ang anggulo ng tanawin:
- Pasiasyon — kung saan ang kamera ay nasa 3D kalawakan
- Taget — kung saan ang kamera ay tumitingin sa (orbit center)
- *Field of view — perspektibong halaga (perspective mode lamang)
Pagpili & Pagmamarka 3D Objects
3D mga bagay ay mapipili at mahatak sa kanbas, katulad ng 2D mga bagay:
- Hinango isang 3D na bagay upang piliin ito
- Ilagay muli ito
- Ang mga animasyon ay kusang humihinto sa panahon ng paghila at muling bumabalik kapag pinakawalan
- Ang nahilang posisyon ay nagpapatuloy sa ibayo ng mga balangkas ng animation
3D Projection Showcase template
Ang isang pre-build template ay nagpapakita ng 3D projection system na may maraming mga primitibo, mga reflect animation, at iba’t ibang mga uri ng projection. Hanapin sa aklatan ng template.
Mga Hangganan
- Ang stand animation presets (flade, bolt, balumbon, pulso, atbp.) ay hindi suportado sa 3D bagay. 3D ang ginagamit ng mga bagay na ito sa pamamagitan ng mga tubong threeD na nagbibigay ng tubo. Ang pagkakapit ng isang pamantayang animation sa isang 3D bagay ay walang epekto.
- 3D mga bagay na isinalin bilang flat polygon ang pumupuno — walang kinis ng mapa, ilaw, o mga anino.
- Wala pang makuhang mga bagay sa pagitan ng 3D.
Mga Tip
- Start na may isometric — ito ang pinakakaakit - akit sa paningin para sa mga dayagram at mga ilustrasyon
- Ang pag - ikot ng ikot — umiikot na 3D bagay ay nagbibigay ng matinding damdamin ng lalim
- *Combine na may 2D bagay — ihalo ang 3D primitibo sa teksto at hugis para sa mga komposisyong infographic-style
- Ang tamang distansiya ng kamera — ilipat ang kamera para sa mas magandang tanawin, mas malapit sa napakalaking lalim
Related: Animasyon | Keyframe Edito |(XQ)