vue gl

Vuegl

Vue.js componentes que hacen que los gráficos WebGL 3D reactivos con tres.js.

Uso

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

Consulte la documentación para obtener más información.

Componentes disponibles

La referencia de componentes muestra una lista de componentes centrales disponibles. La referencia de componentes de ejemplo también introduce componentes adicionales que puede usar de inmediato.

La lista de componentes no implementados todavía se puede encontrar en este proyecto.

Contribución

¿Estás interesado en mejorar este producto? ¡Estamos muy contentos y muchas gracias!
Ver pautas contribuyentes para comenzar.

Contribuyentes de código

Este proyecto existe gracias a todas las personas que contribuyen. [Contribuir].

Contribuyentes financieros

Conviértete en un contribuyente financiero y ayúdanos a mantener nuestra comunidad. [Contribuir]

Individuos

Organizaciones

Apoye este proyecto con su organización. Su logotipo aparecerá aquí con un enlace a su sitio web. [Contribuir]

Licencia