vue3d

基于Vue3的Three.js组件化项目
3,652 6
vue three
Install
npm install vue3d
Latest Version:1.1.4
Vue:3
Older releases:2
License:MIT
Last Updated:Aug 6, 2024
Links: GitHub  ·  npm
Maintainer: lichao1005

Vue3D

基于Vue3的Three.js组件化渲染项目。 本项目经过vue2到vue3.4的多个版本迭代，取消了全局加载模式， 使整体结构更加灵活，支持外部扩展。

安装

npm install vue3d

案例

  <!--  创建舞台场景 -->
<v3d-stage ref="base" :width="width" :height="800">
    <!--添加主摄像机-->
    <v3d-perspective-camera :position="camPosition" main>
        <!--添加摄像机旋转控制器-->
        <v3d-camera-orbit-control/>
        <v3d-camera-transform-control :target="target" :mode="mode" @change="update"/>
        <!--添加射线检测器-->
        <v3d-camera-raycaster @cast="onCast" @pick="onPick"/>
        <!--添加平行光-->
        <v3d-directional-light :position="{x:0,y:20,z:0}" :intensity="1"></v3d-directional-light>
    </v3d-perspective-camera>
    <!--添加基础模型-->
    <v3d-cube></v3d-cube>
    <v3d-sphere :position="{x:1,y:0,z:0}"></v3d-sphere>
    <!--添加环境光-->
    <v3d-ambient-light></v3d-ambient-light>
    <!--添加网格线-->
    <v3d-grid-helper></v3d-grid-helper>
</v3d-stage>

Related Packages

vue-three

Vue.js to three.js helpers

1,289 0
three vue
@tresjs/core

Declarative ThreeJS using Vue Components

1,355,627 3,774
three vue 3d threejs threejs-vue
@shjjs/visual-ui

国产自研零代码可视化源码工具

10,239
three vue babylon echarts ui
import-three-examples

three-examples

2,195 100
three vue loader react webpack
vue-displacement-slideshow

A Displacement slideshow VueJs component made with Three.js and GSAP

1,855 220
three vue gsap slideshow webgl

Version History

Version Released Vue License
1.1.4 >=3.4.0 MIT
1.1.3 >=3.4.0 MIT
1.1.2 >=3.4.0 MIT
1.1.1 >=3.4.0 MIT
1.0.1 >=3.4.0 MIT
Pre-releases (23)
Version Released Vue License
1.0.0-rc.22 >=3.4.0 MIT
1.0.0-rc.21 >=3.4.0 MIT
1.0.0-rc.20 >=3.4.0 MIT
1.0.0-rc.11 >=3.4.0 MIT
1.0.0-rc.10 >=3.4.0 MIT