vue gl

Vuegl

Vue.js ส่วนประกอบการแสดงผลกราฟิก WebGL 3D ทำปฏิกิริยากับ Three.js

การใช้งาน

 <!-- 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 >

ดูเอกสารสำหรับข้อมูลเพิ่มเติม

ส่วนประกอบที่มีอยู่

การอ้างอิงส่วนประกอบแสดงรายการส่วนประกอบหลักที่มีอยู่ การอ้างอิงส่วนประกอบตัวอย่างยังแนะนำส่วนประกอบเพิ่มเติมที่คุณสามารถใช้ได้ทันที

รายการส่วนประกอบที่ไม่ได้ใช้งานยังสามารถพบได้ในโครงการนี้

ผลงาน

คุณสนใจปรับปรุงผลิตภัณฑ์นี้หรือไม่? เราดีใจจริงๆและขอบคุณมาก!
ดูแนวทางที่มีส่วนร่วมในการเริ่มต้น

ผู้สนับสนุนรหัส

โครงการนี้มีอยู่ขอบคุณทุกคนที่มีส่วนร่วม [มีส่วนช่วย].

ผู้สนับสนุนทางการเงิน

เป็นผู้สนับสนุนทางการเงินและช่วยให้เราสนับสนุนชุมชนของเรา [มีส่วนช่วย]

บุคคล

องค์กร

สนับสนุนโครงการนี้กับองค์กรของคุณ โลโก้ของคุณจะปรากฏขึ้นที่นี่พร้อมลิงค์ไปยังเว็บไซต์ของคุณ [มีส่วนช่วย]

ใบอนุญาต