一款让你的三维可视化项目快速落地の开源框架 免费商用 数字孪生 三维可视化

源码资源网

一款让你的三维可视化项目快速落地の开源框架 免费商用 数字孪生 三维可视化
本项目融合于三大生态系统中：

• ThreeJS  ThreeJS 大名鼎鼎的基于浏览器渲染，JavaScript 语言的 3D 库。
• Vue3.x 易学易用，性能出色，适用场景丰富的 Web 前端框架。
• TresJS  使用 Vue3.x 组件实现声明式的 ThreeJS，做属于前端的三维项目。
  

优势
1.前端の基本素养 * FesJS
集成封装项目落地的常用库：图标、多语言、API 接口调用、Vuex/Pinia、model 数据封装、页面 layout/权限 access、路由管理等。
2.像写 Vue3.x 一样写三维可视化项目
全功能版本追溯保持 threeJS 最新版本 * TresJS 最新 Vue3.x 的语法糖写法，TS/JS 通吃，让你以最新最爽快的方式构建三维可视化项目

1. <template>
   
2.                 <TresCanvas window-size>
   
3.                                 <TresPerspectiveCamera />
   
4.                                 <TresMesh>
   
5.                                                 <TresTorusGeometry :args="[1, 0.5, 16, 32]" />
   
6.                                                 <TresMeshBasicMaterial color="orange" />
   
7.                                 </TresMesh>
   
8.                 </TresCanvas>
   
9. </template>
   
10. <script setup lang="ts">
    
11.                 import { useRenderLoop, useTexture } from '@tresjs/core'
    
12.                 //读取材质
    
13.                 const pTexture = await useTexture(['./**.jpg', './**.png'])
    
14.                 const { onLoop } = useRenderLoop()
    
15.                 onLoop(({ delta }) => {
    
16.                                 //循环render
    
17.                 })
    
18. </script>

复制代码

快速开始

1. 1、git clone 或者 直接下载 本项目
   
2. 
   
3. 2、cd 到项目根目录
   
4. 
   
5. 3、yarn        // 安装依赖
   
6. 
   
7. 4、yarn pre.dev        // 预览 下的调试模式
   
8. 
   
9. 5、yarn dev        // 自己项目 下的调试模式
   
10. 
    
11. 6、yarn pre.build        // 预览 下的编译打包
    
12. 
    
13. 7、yarn build        // 自己项目 下的编译打包
    
14. 
    
15. 8、yarn both  // 同时启动 dev 和 pre.dev 可以边调试自己得项目，边对照移植样例和插件

复制代码

一款让你的三维可视化项目快速落地の开源框架 免费商用 数字孪生 三维可视化 ...

一款让你的三维可视化项目快速落地の开源框架 免费商用 数字孪生 三维可视化 ...

一款让你的三维可视化项目快速落地の开源框架 免费商用 数字孪生 三维可视化 ...

一款让你的三维可视化项目快速落地の开源框架 免费商用 数字孪生 三维可视化 ...

链接：https://pan.quark.cn/s/3e65039d090c
提取码下载：

文件名称:提取码下载.txt 
下载次数:0  文件大小:16 Bytes  售价:59金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员6折；永久VIP4折】

安全检测，请放心下载