vue gl

VUEGL

vue.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 >

有關更多信息，請參見文檔。

可用組件

組件參考顯示可用核心組件的列表。示例組件參考還引入了您可以立即使用的其他組件。

在此項目中可以找到尚未實現的組件列表。

貢獻

您有興趣增強該產品嗎？我們真的很高興，非常感謝！
請參閱貢獻指南以開始。

代碼貢獻者

由於所有貢獻的人，該項目的存在。 [貢獻]。

財務貢獻者

成為財務貢獻者，並幫助我們維持社區。 [貢獻]

個人

組織

與您的組織一起支持這個項目。您的徽標將在此處顯示您網站的鏈接。 [貢獻]

執照