武汉源创会回归,4月20聊聊大模型”
icegl-three-vue-tres
三维可视化项目快速落地の开源框架
如果对您有帮助,您可以点右上角 “Star⭐” 收藏一下 ,您的star就是我开发的动力,感谢!
B 站上对此项目的视频说明点击下方 跳转
生态@ThreeJS-@Vue3.x-@TresJS
icegl 出品,永久开源且免费商用,持续更新 ing,请点击右上角 start⭐ 关注
本项目融合于三大生态系统中:
-
ThreeJS *点击详情ThreeJS 大名鼎鼎的基于浏览器渲染,JavaScript 语言的 3D 库。
-
Vue3.x *点击详情易学易用,性能出色,适用场景丰富的 Web 前端框架。
-
⚡ TresJS *点击详情使用 Vue3.x 组件实现声明式的 ThreeJS,做属于前端的三维项目。
点击预览:opensource.icegl.cn
- 如果访问太慢,请访问镜像站点: ice-gl.gitee.io/icegl-three-vue-tres
- 如果有条件翻墙,也可直接访问 github 的镜像站: https://hawk86104.github.io
因项目经常更新编译,如发现访问错误,请清空浏览器缓存。
更多演示请进入预览页面
优势
-
前端の基本素养 * FesJS点击详情集成封装项目落地的常用库:服务器托管图标、多语言、API 接口调用、Vuex/Pinia、model 数据封装、页面 layout/权限 access、路由管理等。
-
像写 Vue3.x 一样写三维可视化项目点击详情全功能版本追溯保持 threeJS 最新版本 * TresJS 最新 Vue3.x 的语法糖写法,TS/JS 通吃,让你以最新最爽快的方式构建三维可视化项目
- 丰富的插件应用市场
插件中心包含各式各样的项目场景和功能。插件是 ICE 社区生态中重要的一环,在应用市场中完整应用和普通插件统一称为插件。
import { useRenderLoop, useTexture } from '@tresjs/core';
//读取材质
const pTexture = await useTexture(['./**.jpg', './**.png']);
const { onLoop } = useRenderLoop();
onLoop(({ delta }) => {
//循环render
});
我们将会逐一把落地的项目以插件的形式加入到此开源框中…
敬请右上角一键三连: 关注 点赞 ⭐ fork
✅ 快速开始
1、git clone 或者 直接下载 本项目 2、cd 到项目根目录 3、yarn //安装依赖 4、yarn pre.dev // 预览 下的调试模式 5、yarn dev // 自己项目 下的调试模式 6、yarn pre.build //预览 下的编译打包 7、yarn build //自己项目 下的编译打包
文档
使用说明:docs.icegl.cn
❓ 问题反馈
在使用中有任何问题,请使用以下联系方式联系我们
- 问答社区:图形学社区 icegl.cn
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net