vue gl

Vuegl

Компоненты Vue.js, отображающие 3D -графику Webgl, реактивно с Three.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 >

Смотрите документацию для получения дополнительной информации.

Доступные компоненты

Ссылка на компоненты показывает список доступных основных компонентов. Пример ссылки на компоненты также вводит дополнительные компоненты, которые вы можете использовать немедленно.

Список компонентов, которые еще не реализованы, можно найти в этом проекте.

Вклад

Вы заинтересованы в улучшении этого продукта? Мы очень рады и большое спасибо!
См. Руководство для начала работы.

Кодовые участники

Этот проект существует благодаря всем людям, которые вносят свой вклад. [Способствовать].

Финансовые участники

Станьте финансовым участником и помогите нам поддерживать наше сообщество. [Способствовать]

Отдельные лица

Организации

Поддержите этот проект вашей организацией. Ваш логотип будет отображаться здесь со ссылкой на ваш сайт. [Способствовать]

Лицензия