同步操作将从 ICEGL/icegl-three-vue-tres 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
如果对您有帮助,您可以点右上角 “Star” 收藏一下 ,您的star就是我开发的动力,感谢!
@ThreeJS-@Vue3.x-@TresJS
icegl 出品,永久开源且免费商用,持续更新 ing,请点击右上角 start⭐ 关注
本项目融合于三大生态系统中:
🎲 ThreeJS * 点击详情
ThreeJS 大名鼎鼎的基于浏览器渲染,JavaScript 语言的 3D 库。
🍀 Vue3.x * 点击详情
易学易用,性能出色,适用场景丰富的 Web 前端框架。
⚡ TresJS * 点击详情
使用 Vue3.x 组件实现声明式的 ThreeJS,做属于前端的三维项目。
因项目经常更新编译,如发现访问错误,请清空浏览器缓存。
更多演示请进入预览页面
🌈 前端の基本素养 * FesJS 点击详情
集成封装项目落地的常用库:图标、多语言、API 接口调用、Vuex/Pinia、model 数据封装、页面 layout/权限 access、路由管理等。
🌠 像写 Vue3.x 一样写三维可视化项目点击详情
全功能版本追溯保持 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>
1、git clone 或者 直接下载 本项目
2、cd 到项目根目录
3、yarn //安装依赖
4、yarn pre.dev // 预览 下的调试模式
5、yarn dev // 自己项目 下的调试模式
6、yarn pre.build //预览 下的编译打包
7、yarn build //自己项目 下的编译打包
在使用中有任何问题,请使用以下联系方式联系我们
本项目遵循 Apache2 开源协议发布,并提供永久免费使用以及商用。
如果您将此项目用于商业用途,请遵守 Apache2.0 协议并保留作者技术支持声明。
本项目包含的第三方源码和二进制文件之版权信息另行标注。
版权所有 Copyright © 2022-2025 by 🧊icegl (https://www.icegl.cn)
All rights reserved。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。