Proyeksi 3D Boga

3 min read

Obyek 3D Render 3D langsung pada kanvas PinePaper. Sistem proyeksi 3D ini mendukung lima tipe proyeksi, lima bentuk primitif, rendering dipercepat GPU, dan sebuah kamera orbital.

Selayang Pandang

Sistem proyeksi 3D dari PinePaper adalah perpustakaan tanpa batas nol yang berdiri sendiri (~18KB diminifikasi) yang memberikan primitif 3D sebagai poligon 2D pada kanvas. Objek dapat dipilih, diseret, dan dianimasikan di samping item 2D biasa.

Jenis Projek

Pilih bagaimana objek 3D diproyeksikan ke kanvas 2D:

Projection Keterangan
Perspektif Pendalaman realistis dengan kependekan. Objek yang lebih jauh tampak lebih kecil. Bidang tampilan yang dapat dikonfigurasi (FOV).
Ortografi Tak ada distorsi kedalaman. Garis - garis paralel tetap sejajar. Teknikal/rekayasa gambar.
Sarak Pandangan aksonometrik siku-siku-siku-siku-siku-siku-siku-siku-siku-siku-siku-siku-sikular (3° sumbu). Popular dalam seni permainan Diagram arsitektur dan arsitektur.
Kabinet Proyeksi Oblikashi di mana sumbu kedalaman ditarik pada setengah skala dan 45°.
Cavalier Proyeksi Oblikashi di mana sumbu kedalaman ditarik pada skala penuh dan 45°.

Primitif

5 bentuk 3D bawaan:

Primitif Keterangan
Kibe Ukuran yang dapat dikonfigurasi
Sfera Jumlah radius dan segmen yang dapat dikonfigurasi
Silinder Radius dan tinggi yang dapat dikonfigurasi
Torus Konkonfigurasi major/minor radii
Perancis Radius dan tinggi yang dapat dikonfigurasi

Setiap primitif mendukung warna dan rotasi tersendiri pada semua sumbu.

Pecutan GPU Bolean

Perenderan Wadison secara otomatis memilih backend terbaik yang tersedia:

  1. *WebGPU menghitung — tercepat, digunakan bila tersedia
  2. *WebGL2 mentransformasi feedback — fallback cepat
  3. *CPU — mundur universal

Percepatan GPU aktif secara otomatis ketika sebuah adegan melebihi 150 wajah.

Kamera

Kamera orbital memungkinkan Anda mengontrol sudut pandang:

  • *Posisi — tempat kamera berada dalam ruang 3D
  • Target — tempat kamera melihat (orbit tengah)
  • *Field of view — jumlah distorsi perspektif (mode perspektif saja)

Objek 3D Yang Diseret & Diseret

Obyek 3D dapat dipilih dan diseret pada kanvas, sama seperti item 2D:

  • Klik sebuah objek 3D untuk memilihnya
  • Seret untuk reposisi itu
  • Animasi-sidi Animasi berhenti secara otomatis selama seret dan kembali ketika dirilis
  • Posisi yang terseret terus berlanjut di kerangka animasi

Templat Showcase Proyeksi 3D & Projeksi

Sebuah templat pra-built mendemonstrasikan sistem proyeksi 3D dengan beberapa primitif, animasi rotasi, dan tipe proyeksi yang berbeda. Cari di perpustakaan template.

Tanpa Batas

  • **Stard animasi praset (fade, bounce, scroll, pulse, dll) tidak didukung pada objek 3D. Obyek 3D wirefan menggunakan sistem animasi rotasi mereka sendiri melalui pipa rendering ThreeD. Terapkan animasi standar untuk objek 3D tidak akan berpengaruh.
  • Obyek 3D yang diterap sebagai isian poligon datar — tidak ada pemetaan tekstur, pencahayaan, atau bayangan.
  • Deteksi tabrakan antara objek 3D belum tersedia.

Tips

  1. *Mulailah dengan isometriku — ini adalah yang paling visual menarik untuk diagram dan ilustrasi
  2. *Gunakan animasi rotasi — objek 3D berputar memberikan rasa kedalaman yang kuat
  3. *Combin dengan item 2D — campurkan primitif 3D dengan teks dan bentuk untuk komposisi gaya-grafik
  4. ****jarak kamera — alihkan kamera lebih jauh untuk sudut pandang sanjungan, lebih dekat untuk kedalaman dramatis

***Dihapus: Animasi â(Pengubah Bingkai Kunci)(/features/keyframes) â(Templat](/panels/templates)