vue gl

Vuegl

Komponen Vue.js Rendering 3D WebGL Graphics Reaktif dengan Three.js.

Penggunaan

 <!-- Load scripts -->
< script src =" https://unpkg.com/vue " > </ script >
< script src =" https://unpkg.com/three " > </ script >
< script src =" https://unpkg.com/vue-gl " > </ script >

<!-- Define canvas and objects -->
< vgl-renderer id =" my-canvas " >
  < template #scene >
    < vgl-scene >
      < vgl-mesh >
        < template #geometry >
          < vgl-sphere-geometry > </ vgl-sphere-geometry >
        </ template >
        < template #material >
          < vgl-mesh-basic-material > </ vgl-mesh-basic-material >
        </ template >
      </ vgl-mesh >
    </ vgl-scene >
  </ template >
  < template #camera >
    < vgl-perspective-camera position =" spherical " :position-radius =" 5 " > </ vgl-perspective-camera >
  </ template >
</ vgl-renderer >

<!-- Register components and start vue -->
< script >
  new Vue ( { el : "#my-canvas" , components : VueGL } ) ;
</ script >

Lihat dokumentasi untuk informasi lebih lanjut.

Komponen yang tersedia

Referensi komponen menunjukkan daftar komponen inti yang tersedia. Contoh referensi komponen juga memperkenalkan komponen tambahan yang dapat Anda gunakan segera.

Daftar komponen yang belum diimplementasikan belum dapat ditemukan di proyek ini.

Kontribusi

Apakah Anda tertarik untuk meningkatkan produk ini? Kami sangat senang dan banyak terima kasih!
Lihat Pedoman yang Berkontribusi untuk Memulai.

Kontributor Kode

Proyek ini ada berkat semua orang yang berkontribusi. [Menyumbang].

Kontributor Keuangan

Menjadi kontributor keuangan dan bantu kami mempertahankan komunitas kami. [Menyumbang]

Individu

Organisasi

Dukung proyek ini dengan organisasi Anda. Logo Anda akan muncul di sini dengan tautan ke situs web Anda. [Menyumbang]

Lisensi