vue gl

Vuegl

Vue.jsコンポーネント3D WebGLグラフィックスを3つのwebglグラフィックスを3.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 >

詳細については、ドキュメントを参照してください。

利用可能なコンポーネント

コンポーネントリファレンスは、利用可能なコアコンポーネントのリストを示しています。コンポーネントの例参照では、すぐに使用できる追加のコンポーネントも導入されます。

まだ実装されていないコンポーネントのリストは、このプロジェクトで見つけることができます。

貢献

この製品の強化に興味がありますか？私たちは本当にうれしいです、そしてどうもありがとう！
開始するには、貢献ガイドラインを参照してください。

コード貢献者

このプロジェクトは、貢献するすべての人々のおかげで存在します。 [貢献する]。

金融貢献者

財政的な貢献者になり、コミュニティを維持するのを手伝ってください。 [貢献する]

個人

組織

組織でこのプロジェクトをサポートしてください。あなたのロゴは、あなたのウェブサイトへのリンクでここに表示されます。 [貢献する]

ライセンス