# icegl-three-vue-tres

**Repository Path**: ice-gl/icegl-three-vue-tres

## Basic Information

- **Project Name**: icegl-three-vue-tres
- **Description**: 🎉🎊 一款让你的三维可视化项目快速落地的开源框架 [低代码编辑器 web 小程序 app全端部署 ] 🎊🎉
永久开源免费商用 数字孪生 三维可视化 threejs webgl three three.js tres.js tvt.js
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://opensource.icegl.cn
- **GVP Project**: No

## Statistics

- **Stars**: 3864
- **Forks**: 904
- **Created**: 2023-10-16
- **Last Updated**: 2025-10-31

## Categories & Tags

**Categories**: 3d-engine

**Tags**: Threejs, 可视化, webgl, 数字孪生, vue3

## README

# 🧊🧊🧊 TvT.js 🧊🧊🧊
简体中文 | [English](./README.md)
## 🎉🎉🎊 三维可视化项目快速落地的开源框架 🎊🎉🎉

<p align="center">
		<a href="https://github.com/hawk86104/three-vue-tres" target="_blank">
			<img src="https://img.shields.io/github/stars/hawk86104/three-vue-tres" />
		</a>
		<img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/hawk86104/three-vue-tres">
		<img src="https://img.shields.io/github/license/hawk86104/three-vue-tres" />
		<a target="_black" href="https://gitee.com/ice-gl/icegl-three-vue-tres">
			<img src="https://gitee.com/ice-gl/icegl-three-vue-tres/badge/star.svg?theme=dark" alt="gitee-starts" />
		</a>
			<a target="_black" href="https://gitcode.com/hawk86104/icegl-three-vue-tres">
			<img src="https://gitcode.com/hawk86104/icegl-three-vue-tres/star/badge.svg?theme=dark" alt="gitcode-starts" />
		</a>
		<a target="_black" href="https://space.bilibili.com/410503457">
			 <img alt="bilibili" src="https://img.shields.io/badge/dynamic/json?url=https://api.bilibili.com/x/relation/stat?vmid=410503457&query=data.follower&color=282c34&label=冰哥B站&labelColor=FE7398&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&cacheSeconds=3600">
		</a>
		<a target="_black" href="https://space.bilibili.com/384558900">
			 <img alt="bilibili" src="https://img.shields.io/badge/dynamic/json?url=https://api.bilibili.com/x/relation/stat?vmid=384558900&query=data.follower&color=282c34&label=地虎B站&labelColor=FE7398&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&cacheSeconds=3600">
		</a>
</p>

## 🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊

## 此为最新V5版本`tvt.js`
> 从2025年十月中旬已经全面升级所有依赖库，涉及Vue3、Tres V5、Fes V4、Cientos V4 以及 Three.js (r17x → r18x) 等的版本更新

> 全面拥抱`ES Module`，无缝对接`webGPU` 等等

> 若您是从之前`tvt.js`的V4版本升级，我们有详细的升级方法，请跳转：[icegl.cn/ask/article/22769](https://icegl.cn/ask/article/22769.html)

> 旧版V4:[所属分支：tres-v4_fes-v3 ](https://gitee.com/ice-gl/icegl-three-vue-tres/tree/tres-v4_fes-v3/)

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

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

<a style="display:block;width:800px;max-width:100%;" href="https://www.bilibili.com/video/BV1mfCcYeE9E"><img src="./preview/bilibili.gif" alt="tres.js webgl three.js"></a>

# 生态 `@ThreeJS @Vue3.x @TresJS`

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

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

-   🎲 ThreeJS \* [点击详情](https://threejs.org)
		<a href="https://www.npmjs.com/package/three">
		<img src="https://img.shields.io/npm/v/three?label=three">
		</a>
		ThreeJS 大名鼎鼎的基于浏览器渲染，JavaScript 语言的 3D 库。<br/><br/>

-   🍀 Vue3.x \* [点击详情](https://cn.vuejs.org)
		<a href="https://www.npmjs.com/package/vue">
		<img src="https://img.shields.io/npm/v/vue?label=vue&color=%2342b883">
		</a>
		易学易用，性能出色，适用场景丰富的 Web 前端框架。<br/><br/>

-   ⚡ TresJS \* [点击详情](https://tresjs.org)
		<a href="https://www.npmjs.com/package/@tresjs/core">
		<img src="https://img.shields.io/npm/v/@tresjs/core?color=%2382DBCA&label=%40tresjs%2Fcore&logo=data:image/svg%2bxml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY4NTQgMy40MjkxNkMxMi4wNzM4IDIuNzgxODIgMTMuMDEyIDIuNzgxODIgMTMuNDAwNCAzLjQyOTE1TDE5LjE3NzEgMTMuMDU2OUMxOS41NzcgMTMuNzIzNSAxOS4wOTY5IDE0LjU3MTQgMTguMzE5NiAxNC41NzE0SDYuNzY2MjRDNS45ODg5NCAxNC41NzE0IDUuNTA4ODMgMTMuNzIzNSA1LjkwODc1IDEzLjA1NjlMMTEuNjg1NCAzLjQyOTE2WiIgZmlsbD0iIzgyREJDNSIvPgo8cGF0aCBkPSJNMTUuNjg1NyAxMC41NDI5QzE1LjY4NTcgOS45OTA1OSAxNi4xMzM0IDkuNTQyODggMTYuNjg1NyA5LjU0Mjg4SDI2QzI2LjU1MjIgOS41NDI4OCAyNyA5Ljk5MDU5IDI3IDEwLjU0MjlWMTkuODU3MkMyNyAyMC40MDk0IDI2LjU1MjIgMjAuODU3MiAyNiAyMC44NTcySDE2LjY4NTdDMTYuMTMzNCAyMC44NTcyIDE1LjY4NTcgMjAuNDA5NCAxNS42ODU3IDE5Ljg1NzJWMTAuNTQyOVoiIGZpbGw9IiM0RjRGNEYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIyMiIgcj0iNiIgZmlsbD0iI0VGQUMzNSIvPgo8L3N2Zz4K" alt="npm package">
		</a>
		使用 Vue3.x 组件实现声明式的 ThreeJS，做属于前端的三维项目。<br/><br/>

## 🏕 点击预览：[🌏 opensource.icegl.cn](https://opensource.icegl.cn)

-   如果访问太慢，请访问镜像站点：[🌏 oss.icegl.cn](http://oss.icegl.cn/)
-   如果有条件，也可直接访问 github 的镜像站:[🌏 https://hawk86104.github.io](https://hawk86104.github.io/)
-   全案例微信小程序生态：[🌏 微信内打开](#小程序://三维开源/456pgpJZBiTctdK)
-   全案例微信小程序扫码：<img src="./preview/miniqr.jpg" width="166" alt="tres.js webgl three.js">

> 相关技术栈拓扑图 【包含全套项目源码】: 
<a href="./src/plugins/zoneFreeScene/pages/freeTvtStack.vue">git项目源码地址</a>

在线编辑器再次编辑后免费导出源码项目二开 :
<a href="https://oss.icegl.cn/p/zone3Deditor/#/plugins/zone3Deditor/index?sceneConfig=freeTvtStack">zone3Deditor页面跳转</a>

<a style="display:block;width:800px;max-width:100%;" href="https://opensource.icegl.cn/#/plugins/zoneFreeScene/freeTvtStack"><img src="https://opensource.icegl.cn/plugins/zoneFreeScene/preview/freeTvtStack.png" alt="tres.js webgl three.js"></a>

<table style="border: none; width: 100%; text-align: center;">
  <tr>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://oss.icegl.cn/p/zone3Deditor/#/plugins/zone3Deditor/index">
				在线三维场景编辑器：[🪅免费导出源码+二次开发 ]
			</a>
		</td>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://www.icegl.cn/tvtstore/zoneMachinRoom">
				智慧机房：[ 编辑器直接落地项目 ]
			</a>
		</td>
  </tr>
	<tr>
    <td style="padding: 10px;">
			<a href="https://oss.icegl.cn/p/zone3Deditor/#/plugins/zone3Deditor/index" style="display:block;max-width:100%;">
				<img src="./public/plugins/zone3Deditor/preview/index.png" alt="tres.js webgl">
			</a>
		</td>
    <td style="padding: 10px;">
			<a href="https://www.icegl.cn/tvtstore/zoneMachinRoom" style="display:block;max-width:100%;">
				<img src="https://opensource.icegl.cn/plugins/zoneMachinRoom/preview/index.png" alt="tres.js webgl">
			</a>
		</td>
  </tr>
	<tr>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://www.icegl.cn/tvtstore/zoneRefiningIndustry">
				炼化智能工厂可视化：[ 编辑器直接落地项目 ]
			</a>
		</td>
			  <td style="padding:10px;font-size:1.2em;">
			<a href="https://www.icegl.cn/tvtstore/zoneOfficeFloor">
				智能办公空间：[ 编辑器直接落地项目 ]
			</a>
		</td>

  </tr>
	<tr>
    <td style="padding: 10px;">
			<a href="https://oss.icegl.cn/p/zoneRefiningIndustry/#/plugins/zoneRefiningIndustry/index" style="display:block;max-width:100%;">
				<img src="https://opensource.icegl.cn/plugins/zoneRefiningIndustry/preview/index.png" alt="tres.js webgl">
			</a>
		</td>
				<td style="padding: 10px;">
			<a href="https://oss.icegl.cn/p/zoneOfficeFloor/#/plugins/zoneOfficeFloor/index" style="display:block;max-width:100%;">
				<img src="https://opensource.icegl.cn/plugins/zoneOfficeFloor/preview/index.png" alt="tres.js webgl">
			</a>
		</td>
  </tr>
		<tr>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://www.icegl.cn/tvtstore/zoneLowAltitudeUAV.html">
				无人机组可视化：[ 编辑器直接落地项目 ]
			</a>
		</td>
		<td style="padding:10px;font-size:1.2em;">
			<a href="https://opensource.icegl.cn/#/#zoneFreeScene">
				低像素炼油厂：[ 免费 ]
			</a>
		</td>
  </tr>
	<tr>
    <td style="padding: 10px;">
			<a href="https://www.icegl.cn/tvtstore/zoneLowAltitudeUAV.html" style="display:block;max-width:100%;">
				<img src="https://cdn.index.icegl.cn/uploads/20250813/010ead9fa5b3e69f00ad337b039784eb.png?imageMogr2/thumbnail/600x" alt="tres.js webgl">
			</a>
		</td>
		<td style="padding: 10px;">
			<a href="https://oss.icegl.cn/p/zone3Deditor/#/plugins/zone3Deditor/index?sceneConfig=freeRefiningIndustry" style="display:block;max-width:100%;">
				<img src="https://opensource.icegl.cn/plugins/zoneFreeScene/preview/freeRefiningIndustry.png" alt="tres.js webgl">
			</a>
		</td>
  </tr>
</table>

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

<a href="https://opensource.icegl.cn"><img src="./preview/p1.gif" alt="three.js tres.js webgl tvt.js"></a>
<a href="https://opensource.icegl.cn"><img src="./preview/p2.gif" alt="three.js tres.js webgl tvt.js"></a>
<a href="https://opensource.icegl.cn"><img src="./preview/p3.gif" alt="three.js tres.js webgl tvt.js"></a>
<a href="https://opensource.icegl.cn"><img src="./preview/p4.gif" alt="three.js tres.js webgl tvt.js"></a>

更多演示请进入预览页面

# 优势

-   🌈 前端の基本素养 \* FesJS [点击详情](https://fesjs.mumblefe.cn)<br/>
<a href="https://www.npmjs.com/package/@fesjs/fes">
<img src="https://img.shields.io/npm/v/%40fesjs%2Ffes?label=%40fesjs%2Ffes">
</a><br/>
集成封装项目落地的常用库：图标、多语言、API 接口调用、Vuex/Pinia、model 数据封装、页面 layout/权限 access、路由管理等。<br/>

-   🌠 像写 Vue3.x 一样写三维可视化项目[点击详情](https://tresjs.org/guide)<br/>
![npm](https://img.shields.io/npm/v/%40tresjs%2Fcientos?label=%40tresjs%2Fcientos)<br/>
全功能版本追溯保持 threeJS 最新版本 \* TresJS
最新 Vue3.x 的语法糖写法，TS/JS 通吃，让你以最新最爽快的方式构建三维可视化项目

```html
<template>
		<TresCanvas window-size>
				<TresPerspectiveCamera />
				<TresMesh>
						<TresTorusGeometry :args="[1, 0.5, 16, 32]" />
						<TresMeshBasicMaterial color="orange" />
				</TresMesh>
		</TresCanvas>
</template>
<script setup lang="ts">
		import { useLoop } from '@tresjs/core'
		import { useTextures } from 'PLS/basic'
		//读取材质
		const pTexture = await useTextures(['./**.jpg', './**.png'])
		const { onLoop } = useLoop()
		onBeforeRender(({ delta }) => {
				//循环render
		})
</script>
```

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

# ✅ 快速开始

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

2、cd 到项目根目录

3、yarn	// 安装依赖 [node版本>=20.18]

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 可以边调试自己得项目，边对照移植样例和插件
```

![展示](./preview/compileMode.png)

# 📖 文档

## 使用说明：[🌏docs.icegl.cn](https://docs.icegl.cn/)
<table style="border: none; width: 100%; text-align: center;">
  <tr>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/editor/threeeditor.html">
				三维编辑器：[ 📊原生编辑器＋插件生成器 ]
			</a>
		</td>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/editor/goview.html">
				UI 编辑器：[ 📊GoView导出＋配置导入组件 ]
			</a>
		</td>
  </tr>
  <tr>
    <td style="padding: 10px;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/editor/threeeditor.html" style="display:block;max-width:100%;">
				<img src="https://docs.icegl.cn/editor.png" alt="tres.js webgl">
			</a>
		</td>
    <td style="padding: 10px;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/editor/goview.html" style="display:block;max-width:100%;">
				<img src="./preview/goViewPlugin.png" alt="tres.js webgl">
			</a>
		</td>
  </tr>
	  <tr>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/frontend/uniapp.html">
				uniapp小程序生态：[ 一码全端覆盖-解决方案 ]
			</a>
		</td>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/qiankun/introduction.html">
				qiankun微前端：[ 快速接入您现有项目中 ]
			</a>
		</td>
  </tr>
  <tr>
    <td style="padding: 10px;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/frontend/uniapp.html" style="display:block;max-width:100%;">
				<img src="https://cdn.index.icegl.cn/uploads/20250416/e4d22f7669b1525f5c927270865c8373.jpg?imageMogr2/thumbnail/350x" alt="tres.js webgl">
			</a>
		</td>
    <td style="padding: 10px;">
			<a href="https://docs.icegl.cn/docs/three-vue-tres/qiankun/introduction.html" style="display:block;max-width:100%;">
				<img src="https://cdn.index.icegl.cn/uploads/20250416/0fe9fccaaffd82c2e6baba319a2a1ea0.jpg?imageMogr2/thumbnail/350x" alt="tres.js webgl">
			</a>
		</td>
  </tr>
</table>

# 🧩 丰富的[插件应用市场🌏tvtstore](https://www.icegl.cn/tvtstore)
#### [🌏www.icegl.cn/tvtstore](https://www.icegl.cn/tvtstore) 包含各式各样的项目场景和功能。插件是 ICE 社区生态中重要的一环，在应用市场中完整应用和普通插件统一称为插件。<br/>
<table style="border: none; width: 100%; text-align: center;">
  <tr>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://www.icegl.cn/tvtstore">
				插件应用市场
			</a>
		</td>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://www.icegl.cn/p/tvtdeveloper">
				成为作者，加入我们
			</a>
		</td>
  </tr>
  <tr>
    <td style="padding: 10px;">
			<a href="https://www.icegl.cn/tvtstore" style="display:block;max-width:100%;">
				<img src="./preview/tvtstore.png" alt="tres.js webgl">
			</a>
		</td>
    <td style="padding: 10px;">
			<a href="https://www.icegl.cn/p/tvtdeveloper" style="display:block;max-width:100%;">
				<img src="./preview/findyou.png" alt="tres.js webgl">
			</a>
		</td>
  </tr>
</table>

# ❓ 问题反馈

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

### 问答社区: [图形学社区 icegl.cn](https://www.icegl.cn/ask)

<a href="https://www.icegl.cn/ask" style="display:block;width:800px;max-width:100%;">
<img src="./preview/ask01.png" alt="图形学问答社区"></a>

#### 社区贡献者以及达人: [向他们提问](https://icegl.cn/ask/experts)
<a href="https://icegl.cn/ask/experts.html" style="display:block;width:800px;max-width:100%;">
<img src="./preview/ask02.png" alt="图形学问答社区"></a>

### 欢迎大家也加入微信群，QQ群，已有几个群已满，一起学习讨论 webgl。加微信我拉进群
<table style="border: none; width: 60%; text-align: center;">
  <tr>
		<td style="padding:10px;font-size:1.2em;">
				微信小程序生态
		</td>
    <td style="padding:10px;font-size:1.2em;">
				微信群
		</td>
    <td style="padding:10px;font-size:1.2em;">
			<a href="https://qm.qq.com/q/34V4hTtvbq">
				QQ群: 795714357
			</a>
		</td>
		<td style="padding:10px;font-size:1.2em;">
				公众号: ICE图形学社区
		</td>
  </tr>
  <tr>
	  <td style="padding: 10px;">
			<p style="display:block;max-width:100%;">
				<img src="./preview/miniqr.jpg" alt="tres.js webgl">
			</p>
		</td>
    <td style="padding: 10px;">
			<p style="display:block;max-width:100%;">
				<img src="./preview/wx.png" alt="tres.js webgl">
			</p>
		</td>
    <td style="padding: 10px;">
			<a href="https://qm.qq.com/q/34V4hTtvbq" style="display:block;max-width:100%;">
				<img src="./preview/qqq.png" alt="tres.js webgl">
			</a>
		</td>
		<td style="padding: 10px;">
			<p style="display:block;max-width:100%;">
				<img src="./preview/wxgzh.jpg" alt="tres.js webgl">
			</p>
		</td>
  </tr>
</table>

# ⭐ 点星历史

[![Star History Chart](https://api.star-history.com/svg?repos=hawk86104/three-vue-tres,hawk86104/vue3-ts-cesium-map-show&type=Date)](https://star-history.com/#hawk86104/three-vue-tres&hawk86104/vue3-ts-cesium-map-show&Date)

# ™️ 版权信息

本项目遵循 **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。