🧊🧊🧊 TvT.js 🧊🧊🧊

简体中文 | English

🎉🎉🎊 三维可视化项目快速落地的开源框架 🎊🎉🎉

🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊

如果对您有帮助，您可以点右上角 “Star⭐” 收藏一下 ，您的star就是我开发的动力，感谢！

B 站上对此项目的视频说明点击下方 👇🏻 跳转

生态 @ThreeJS @Vue3.x @TresJS

icegl 出品，永久开源且免费商用，持续更新 ing，请点击右上角 start⭐ 关注

本项目融合于三大生态系统中：

• 🎲 ThreeJS * 点击详情 ThreeJS 大名鼎鼎的基于浏览器渲染，JavaScript 语言的 3D 库。
  
  

• 🍀 Vue3.x * 点击详情 易学易用，性能出色，适用场景丰富的 Web 前端框架。
  
  

• ⚡ TresJS * 点击详情 使用 Vue3.x 组件实现声明式的 ThreeJS，做属于前端的三维项目。
  
  

🏕 点击预览：🌏 opensource.icegl.cn

• 如果访问太慢，请访问镜像站点：🌏 oss.icegl.cn
• 如果有条件翻墙，也可直接访问 github 的镜像站:🌏 https://hawk86104.github.io
• 全案例微信小程序生态：🌏 微信内打开
• 全案例微信小程序扫码：

在线三维场景编辑器：[🪅免费导出源码+二次开发 ]	智慧机房：[ 编辑器直接落地项目 ]
炼化智能工厂可视化：[ 编辑器直接落地项目 ]	智能办公空间：[ 编辑器直接落地项目 ]
无人机组可视化：[ 编辑器直接落地项目 ]

因项目经常更新编译，如发现访问错误，请清空浏览器缓存。

更多演示请进入预览页面

优势

• 🌈 前端の基本素养 * 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>

敬请右上角一键三连: 关注 💛 点赞 ⭐ fork👣

✅ 快速开始

1、git clone 或者 直接下载 本项目

2、cd 到项目根目录

3、yarn	// 安装依赖

4、yarn pre.dev	// 预览 下的调试模式

5、yarn dev	// 自己项目 下的调试模式

6、yarn pre.build	// 预览 下的编译打包

7、yarn build	// 自己项目 下的编译打包

8、yarn pre.dev.one	// 只展示某一个案例/插件

9、yarn pre.build.one // 针对某一个案例/插件打包，会根据配置下的依赖插件项保留资源，其余资源删除

10、yarn both  // 同时启动 dev 和 pre.dev 可以边调试自己得项目，边对照移植样例和插件

📖 文档

使用说明：🌏docs.icegl.cn

三维编辑器：[ 📊原生编辑器＋插件生成器 ]	UI 编辑器：[ 📊GoView导出＋配置导入组件 ]
uniapp小程序生态：[ 一码全端覆盖-解决方案 ]	qiankun微前端：[ 快速接入您现有项目中 ]

🧩 丰富的插件应用市场🌏tvtstore

🌏www.icegl.cn/tvtstore 包含各式各样的项目场景和功能。插件是 ICE 社区生态中重要的一环，在应用市场中完整应用和普通插件统一称为插件。

插件应用市场	成为作者，加入我们

❓ 问题反馈

在使用中有任何问题，请使用以下联系方式联系我们

问答社区: 图形学社区 icegl.cn

社区贡献者以及达人: 向他们提问

欢迎大家也加入微信群，QQ群，已有几个群已满，一起学习讨论 webgl。加微信我拉进群

微信小程序生态	微信群	QQ群: 795714357	公众号: ICE图形学社区

⭐ 点星历史

™️ 版权信息

本项目遵循 Apache License 2.0 协议开源，永久免费使用，允许商业化。

如将本项目用于商业用途，请严格遵守 Apache License 2.0 协议，并保留作者署名及技术支持声明。

1. 二次开发与版权声明

   • 在基于本项目进行二次开发（包括但不限于功能扩展、界面修改、适配定制）时，为了TvT.js开源项目的健康发展，无论用于商业还是非商业目的，均不得删除、修改或隐藏 TvT.js 源码文件头部的版权、作者声明及项目出处信息。

2. 允许的商业用途与限制

   • 允许以本项目为基础，结合自身独立开发的核心功能或产品，形成以自研内容为主体的商业化项目（包括收费服务、软件产品等）。
   • 不允许直接将本项目的源码或仅作少量改动后进行重新开源并收费，或以几乎未改动的形式包装成付费产品进行贩卖。

3. 第三方组件说明

   • 本项目所包含的第三方源码及二进制文件，其版权信息及许可证另行标注，请遵循相应的开源协议。

版权所有 Copyright © 2022-2026 by 🧊icegl (https://www.icegl.cn)

All rights reserved。