Proyeksi 3D

3 min read

Objek Render 3D langsung pada kanvas PinePaper. Sistem proyeksi 3D mendukung lima tipe proyeksi, lima bentuk primitif, GPU- dipercepat render, dan kamera orbital.

Tinjau

Sistem proyeksi 3 dimensi PinePaper adalah perpustakaan ketergantungan zero- standar (~ 18KB diminifikasi) yang membuat primitif 3D sebagai poligon 2D di kanvas. Obyek dapat dipilih, diseret, dan animasi bersama item 2D biasa.

Tipe Proyeksi

Pilih bagaimana obyek 3D diproyeksikan ke kanvas 2D:

Proyeksi Deskripsi
Perspektif Kedalaman realistik dengan penguraian. Obyek lebih jauh muncul lebih kecil. Bidang yang dapat diatur dari tampilan (FOV).
Ortografis Tidak ada distorsi mendalam. Garis paralel tetap sejajar. Biasa dalam teknik / teknik gambar.
Isometric Sama - sudut axonometric view (30 ° sumbu). Populer dalam seni permainan dan diagram arsitektur.
Lemari Proyeksi Oblique di mana sumbu kedalaman digambar pada setengah skala dan 45 °.
Cavalier Proyeksi Oblique di mana sumbu kedalaman digambar pada skala penuh dan 45 °.

Primitif

Lima bawaan dalam bentuk 3D:

Primitif Deskripsi
Kubus Ukuran dapat diatur
Sphere Radius dan segmen dapat dikonfigurasi terhitung
Cylinder Radius dan tinggi dapat diatur
Torus Radii major / minor dapat diatur
Cone Radius dan tinggi dapat diatur

Setiap primitif mendukung warna dan rotasi custom pada semua sumbu.

Akselerasi GPU

Mengubah otomatis memilih backend terbaik yang tersedia:

      • WebGPU kompute * * - tercepat, digunakan ketika tersedia
      • WebGL2 mengubah umpan balik * * - fallback cepat
      • CPU * * - universal fallback

Akselerasi GPU secara otomatis aktif ketika adegan melebihi 150 wajah.

Kamera

Kamera orbital memungkinkan Anda mengontrol sudut pandang:

      • Posisi * * - dimana kamera berada dalam ruang 3D
      • Target * * - dimana kamera terlihat di (orbit tengah)
      • Bidang pandang * * - jumlah distorsi perspektif (hanya mode perspektif)

Memilih & Dragging Objek 3D

Objek 3D dapat dipilih dan diseret di kanvas, seperti 2D item:

  • Klik objek 3D untuk memilihnya
  • Seret untuk mereposisi itu
  • Animasi jeda secara otomatis selama seret dan melanjutkan ketika dirilis
  • Posisi diseret terus-menerus melewati bingkai animasi

Templat Proyeksi 3D

Templat yang dibuat sebelumnya menunjukkan sistem proyeksi 3D dengan beberapa primitif, animasi rotasi, dan tipe proyeksi yang berbeda. Temukan di pustaka template.

Batas

      • Animasi standar presets * * (memudar, memantul, gulungan, pulsa, dll.) tidak didukung pada objek 3D. Objek 3D menggunakan sistem animasi rotasi mereka sendiri melalui pipa rendering ThreeD. Menerapkan animasi standar ke suatu objek 3D tidak akan memiliki efek.
  • Objek 3D membuat sebagai mengisi poligon datar - tidak ada pemetaan tekstur, pencahayaan, atau bayangan.
  • Pendeteksi tabrakan antara obyek 3D belum tersedia.

Tips

      • Mulai dengan isometrik * * - itu yang paling visual menarik untuk diagram dan ilustrasi
      • Gunakan animasi rotasi * * - obyek 3D berputar memberikan rasa kedalaman yang kuat
      • Combine dengan 2D item * * - campuran primitif 3D dengan teks dan bentuk untuk komposisi infografi gaya
      • Atur jarak kamera * * - pindahkan kamera lebih jauh untuk perspektif yang datar, lebih dekat untuk kedalaman dramatis
    • Terkait: * * [Animasi] (if0) 124; [Keyframe Editor] (Were 1) 124; [Templates] (ITU 2)