上次没发出来
🧊🧊🧊 icegl-three-vue-tres 🧊🧊🧊
🎉🎉🎊 三维可视化项目快速落地の开源框架 🎊🎉🎉
🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊
🧩 源码地址：🌏 gitee.com/ice-gl/icegl-three-vue-tres
如果对您有帮助，您可以点右上角 “Star” 收藏一下 ，您的star就是我开发的动力，感谢！
生态 @ThreeJS-@Vue3.x-@TresJS
icegl出品，永久开源且免费商用，持续更新ing，请点击右上角start⭐关注
本项目融合于三大生态系统中：
- 🎲 ThreeJS * 点击详情
ThreeJS大名鼎鼎的基于浏览器渲染，JavaScript语言的3D库。
易学易用，性能出色，适用场景丰富的 Web 前端框架。
使用Vue3.x组件实现声明式的ThreeJS，做属于前端的三维项目。
🏕点击预览：🌏opensource.icegl.cn
因项目经常更新编译，如发现访问错误，请清空浏览器缓存。
更多演示请进入预览页面
优势
- 🌈 前端の基本素养 * FesJS 点击详情
集成封装项目落地的常用库：图标、多语言、API接口调用、Vuex/Pinia、model数据封装、页面layout/权限access、路由管理等。
全功能版本追溯保持threeJS最新版本 * TresJS
最新Vue3.x的语法糖写法，TS/JS通吃，让你以最新最爽快的方式构建三维可视化项目
<template>
<TresCanvas window-size>
<TresPerspectiveCamera />
<TresMesh>
<TresTorusGeometry :args="[1, 0.5, 16, 32]" />
<TresMeshBasicMaterial color="orange" />
</TresMesh>
</TresCanvas>
</template>
<script setup lang="ts">
import { useRenderLoop, useTexture } from '@tresjs/core'
//读取材质
const pTexture = await useTexture(['./**.jpg', './**.png'])
const { onLoop } = useRenderLoop()
onLoop(({ delta }) => {
//循环render
})
</script>
- 🧩 丰富的插件应用市场
插件中心包含各式各样的项目场景和功能。插件是ICE社区生态中重要的一环，在应用市场中完整应用和普通插件统一称为插件。
我们将会逐一把落地的项目以插件的形式加入到此开源框中...
敬请右上角一键三连: 关注💛 点赞⭐ 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
