vue gl

Vuegl

Les composants Vue.js rendent réactivement les graphiques Webgl 3D avec trois.js.

Usage

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

Voir la documentation pour plus d'informations.

Composants disponibles

La référence des composants montre une liste des composants de base disponibles. Exemple de référence des composants introduit également des composants supplémentaires que vous pouvez utiliser immédiatement.

La liste des composants non implémentés peut encore être trouvée dans ce projet.

Contribution

Êtes-vous intéressé à améliorer ce produit? Nous sommes vraiment heureux et merci beaucoup!
Voir les directives contributives pour commencer.

Contributeurs de code

Ce projet existe grâce à toutes les personnes qui contribuent. [Contribuer].

Contributeurs financiers

Devenir un contributeur financier et nous aider à maintenir notre communauté. [Contribuer]

Individus

Organisations

Soutenez ce projet avec votre organisation. Votre logo apparaîtra ici avec un lien vers votre site Web. [Contribuer]

Licence