Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hawk86104/icegl-three-vue-tres
An open-source framework that enables rapid implementation of your 3D visualization projects [tres.js three.js vue3 ts]
https://github.com/hawk86104/icegl-three-vue-tres
cesium three three-js threejs tres webgl
Last synced: 5 days ago
JSON representation
An open-source framework that enables rapid implementation of your 3D visualization projects [tres.js three.js vue3 ts]
- Host: GitHub
- URL: https://github.com/hawk86104/icegl-three-vue-tres
- Owner: hawk86104
- License: apache-2.0
- Created: 2023-11-09T06:37:08.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-18T03:25:42.000Z (13 days ago)
- Last Synced: 2024-12-19T14:03:37.540Z (12 days ago)
- Topics: cesium, three, three-js, threejs, tres, webgl
- Language: JavaScript
- Homepage: https://hawk86104.github.io
- Size: 266 MB
- Stars: 1,438
- Watchers: 4
- Forks: 105
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🧊 TvT.js 🧊
[简体中文](./README_zh.md) | English
## 🎉An open-source framework for rapid implementation of 3D visualization projects.
# Ecosystem: `@ThreeJS @Vue3.x @TresJS`
> Developed by icegl, permanently open-source and free for commercial use, with ongoing updates. Please click the star ⭐ in the upper right corner to follow.
This project integrates into three major ecosystems:
- 🎲 ThreeJS \* [Click for details](https://threejs.org)
A renowned 3D library based on browser rendering using JavaScript.
- 🍀 Vue3.x \* [Click for details](https://cn.vuejs.org)
A web frontend framework that is easy to learn and use, performs excellently, and supports a wide range of scenarios.
- ⚡ TresJS \* [Click for details](https://tresjs.org)
An npm package that enables declarative ThreeJS using Vue3.x components, designed for building 3D projects in frontend development.
## 🏕 Click to preview：[🌏 opensource.icegl.cn](https://opensource.icegl.cn)
- If access is too slow, try Mirror Site 1：[🌏 oss.icegl.cn](http://oss.icegl.cn/)
- If access is too slow, try Mirror Site 2：[🌏 myhome.217dan.com:8899](http://myhome.217dan.com:8899/)
- github Mirror Site：[🌏 https://hawk86104.github.io](https://hawk86104.github.io/)
```shell
Since the project is frequently updated and compiled, if you encounter access errors, please clear your browser cache.
```
# Advantages
- 🌈 Frontend Fundamentals `FesJS` [Click for details](https://fesjs.mumblefe.cn)
Integrates commonly used libraries for project implementation: icons, multi-language support, API calls, Vuex/Pinia, model data encapsulation, page layout/permission access, and route management.
- 🌠 Build 3D Visualization Projects Like Writing Vue3.x [Click for details](https://tresjs.org/guide)
The npm full-featured version keeps up with the latest ThreeJS version. `TresJS` adopts the latest Vue3.x syntactic sugar and supports both TS/JS, allowing you to build 3D visualization projects in the most efficient and enjoyable way.
```html
import { useRenderLoop, useTexture } from '@tresjs/core'
const pTexture = await useTexture(['./**.jpg', './**.png'])
const { onLoop } = useRenderLoop()
onLoop(({ delta }) => {
})
```
# ✅ Quick Start
```
1、git clone the repository or download this project directly.
2、Navigate to the project root directory with cd
3、yarn // Install dependencies.
4、yarn pre.dev // Debug mode for preview.
5、yarn dev // Debug mode for your own project.
6、yarn pre.build // Compile and bundle for preview.
7、yarn build // Compile and bundle for your own project.
8、yarn both // Start both dev and pre.dev simultaneously, allowing you to debug your own project while referencing and porting examples and plugins.
```
# 📖 Documentation
## User Guide：[🌏docs.icegl.cn](https://docs.icegl.cn/)
# ❓ Issue Reporting
If you encounter any problems while using the project, please contact us through the following channels:
- Q&A Community: [Graphics Community icegl.cn](https://www.icegl.cn/ask)
- We also welcome you to join our WeChat groups. Several groups are already full, so feel free to add me on WeChat, and I’ll invite you to join for learning and discussing WebGL together.
# ⭐ Star History
[](https://star-history.com/#hawk86104/icegl-three-vue-tres&hawk86104/vue3-ts-cesium-map-show&Date)
# ™️ Copyright Information
This project is released under the Apache 2.0 open-source license, providing free lifetime use and allowing commercial applications.
> If you use this project for commercial purposes, please comply with the Apache 2.0 license and retain the author’s technical support acknowledgment.
- For secondary development intended for commercial use or open-source competitors, please do not remove or modify the copyright, author statement, or source attribution at the top of the TvT.js source code.
- Commercial use is allowed, but secondary open-sourcing and charging for it are prohibited.
The copyright information of third-party source code and binary files included in this project will be noted separately.
Follow our official WeChat account to receive the latest updates.
Copyright © 2022-2026 by 🧊icegl (https://www.icegl.cn)
All rights reserved。