vue gl

Vuegl

VUE.JS -Komponenten rendern 3D -WebGL -Grafiken reaktiv mit drei.js.

Verwendung

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

Weitere Informationen finden Sie in der Dokumentation.

Verfügbare Komponenten

Die Referenz der Komponenten zeigt eine Liste der verfügbaren Kernkomponenten. Beispielkomponenten Referenz führt auch zusätzliche Komponenten ein, die Sie sofort verwenden können.

Die Liste der noch nicht implementierten Komponenten finden Sie in diesem Projekt.

Beitrag

Interessieren Sie sich für die Verbesserung dieses Produkts? Wir sind wirklich froh und vielen Dank!
Sehen Sie sich die Richtlinien an, um loszulegen.

Code -Mitwirkende

Dieses Projekt besteht dank aller Menschen, die einen Beitrag leisten. [Beitragen].

Finanzielle Mitwirkende

Werden Sie ein finanzieller Mitwirkender und helfen Sie uns, unsere Gemeinschaft aufrechtzuerhalten. [Beitragen]

Individuen

Organisationen

Unterstützen Sie dieses Projekt mit Ihrer Organisation. Ihr Logo wird hier mit einem Link zu Ihrer Website angezeigt. [Beitragen]

Lizenz