{"id":23711024,"url":"https://github.com/hawk86104/three-vue-tres","last_synced_at":"2025-05-14T12:09:27.322Z","repository":{"id":206358741,"uuid":"716445162","full_name":"hawk86104/three-vue-tres","owner":"hawk86104","description":"three+vue3\u003ctres\u003e : An open-source framework that enables rapid implementation of your 3D visualization projects [微信小程序 tvt.js tres.js three.js vue3 ts]","archived":false,"fork":false,"pushed_at":"2025-03-27T09:14:11.000Z","size":315613,"stargazers_count":1666,"open_issues_count":0,"forks_count":118,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-01T16:15:31.462Z","etag":null,"topics":["cesium","cesiumjs","three","threejs","tresjs","tvtjs","webgl"],"latest_commit_sha":null,"homepage":"https://hawk86104.github.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hawk86104.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-09T06:37:08.000Z","updated_at":"2025-04-01T07:49:05.000Z","dependencies_parsed_at":"2025-02-11T08:48:53.807Z","dependency_job_id":null,"html_url":"https://github.com/hawk86104/three-vue-tres","commit_stats":{"total_commits":524,"total_committers":8,"mean_commits":65.5,"dds":0.06488549618320616,"last_synced_commit":"7d1a60eb7e47e84125c4817ca1f284af03564c31"},"previous_names":["hawk86104/icegl-three-vue-tres","hawk86104/three-vue-tres"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawk86104%2Fthree-vue-tres","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawk86104%2Fthree-vue-tres/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawk86104%2Fthree-vue-tres/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawk86104%2Fthree-vue-tres/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hawk86104","download_url":"https://codeload.github.com/hawk86104/three-vue-tres/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247888559,"owners_count":21013001,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cesium","cesiumjs","three","threejs","tresjs","tvtjs","webgl"],"created_at":"2024-12-30T19:33:17.644Z","updated_at":"2025-04-08T17:16:34.825Z","avatar_url":"https://github.com/hawk86104.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Vue"],"sub_categories":[],"readme":"# 🧊 TvT.js 🧊\n[简体中文](./README_zh.md) | English\n## 🎉An open-source framework for rapid implementation of 3D visualization projects.\n\u003cp align=\"center\"\u003e\n\t\t\u003ca href=\"https://github.com/hawk86104/three-vue-tres\" target=\"_blank\"\u003e\n\t\t\t\u003cimg src=\"https://img.shields.io/github/stars/hawk86104/three-vue-tres\" /\u003e\n\t\t\u003c/a\u003e\n\t\t\u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/hawk86104/three-vue-tres\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/github/license/hawk86104/three-vue-tres\" /\u003e\n\t\t\u003ca target=\"_black\" href=\"https://gitee.com/ice-gl/icegl-three-vue-tres\"\u003e\n\t\t\t\u003cimg src=\"https://gitee.com/ice-gl/icegl-three-vue-tres/badge/star.svg?theme=dark\" alt=\"gitee-starts\" /\u003e\n\t\t\u003c/a\u003e\n\t\t\u003c/a\u003e\n\t\t\t\u003ca target=\"_black\" href=\"https://gitcode.com/hawk86104/three-vue-tres\"\u003e\n\t\t\t\u003cimg src=\"https://gitcode.com/hawk86104/three-vue-tres/star/badge.svg?theme=dark\" alt=\"gitcode-starts\" /\u003e\n\t\t\u003c/a\u003e\n\u003c/p\u003e\n\n![preview](./preview/demo-index.png)\n\n# Ecosystem: `@ThreeJS @Vue3.x @TresJS`\n\n\u003e 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.\n\nThis project integrates into three major ecosystems:\n\n-   🎲 ThreeJS \\* [Click for details](https://threejs.org)\n\t\t\u003ca href=\"https://www.npmjs.com/package/three\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/npm/v/three?label=three\"\u003e\n\t\t\u003c/a\u003e\n\t\tA renowned 3D library based on browser rendering using JavaScript.\u003cbr/\u003e\u003cbr/\u003e\n\n-   🍀 Vue3.x \\* [Click for details](https://cn.vuejs.org)\n\t\t\u003ca href=\"https://www.npmjs.com/package/vue\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/npm/v/vue?label=vue\u0026color=%2342b883\"\u003e\n\t\t\u003c/a\u003e\n\t\tA web frontend framework that is easy to learn and use, performs excellently, and supports a wide range of scenarios.\u003cbr/\u003e\u003cbr/\u003e\n\n-   ⚡ TresJS \\* [Click for details](https://tresjs.org)\n\t\t\u003ca href=\"https://www.npmjs.com/package/@tresjs/core\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/npm/v/@tresjs/core?color=%2382DBCA\u0026label=%40tresjs%2Fcore\u0026logo=data:image/svg%2bxml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY4NTQgMy40MjkxNkMxMi4wNzM4IDIuNzgxODIgMTMuMDEyIDIuNzgxODIgMTMuNDAwNCAzLjQyOTE1TDE5LjE3NzEgMTMuMDU2OUMxOS41NzcgMTMuNzIzNSAxOS4wOTY5IDE0LjU3MTQgMTguMzE5NiAxNC41NzE0SDYuNzY2MjRDNS45ODg5NCAxNC41NzE0IDUuNTA4ODMgMTMuNzIzNSA1LjkwODc1IDEzLjA1NjlMMTEuNjg1NCAzLjQyOTE2WiIgZmlsbD0iIzgyREJDNSIvPgo8cGF0aCBkPSJNMTUuNjg1NyAxMC41NDI5QzE1LjY4NTcgOS45OTA1OSAxNi4xMzM0IDkuNTQyODggMTYuNjg1NyA5LjU0Mjg4SDI2QzI2LjU1MjIgOS41NDI4OCAyNyA5Ljk5MDU5IDI3IDEwLjU0MjlWMTkuODU3MkMyNyAyMC40MDk0IDI2LjU1MjIgMjAuODU3MiAyNiAyMC44NTcySDE2LjY4NTdDMTYuMTMzNCAyMC44NTcyIDE1LjY4NTcgMjAuNDA5NCAxNS42ODU3IDE5Ljg1NzJWMTAuNTQyOVoiIGZpbGw9IiM0RjRGNEYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIyMiIgcj0iNiIgZmlsbD0iI0VGQUMzNSIvPgo8L3N2Zz4K\" alt=\"npm package\"\u003e\n\t\t\u003c/a\u003e\n\t\tAn npm package that enables declarative ThreeJS using Vue3.x components, designed for building 3D projects in frontend development.\u003cbr/\u003e\u003cbr/\u003e\n\n## 🏕 Click to preview：[🌏 opensource.icegl.cn](https://opensource.icegl.cn)\n\n-   If access is too slow, try Mirror Site 1：[🌏 oss.icegl.cn](http://oss.icegl.cn/)\n-   If access is too slow, try Mirror Site 2：[🌏 myhome.217dan.com:8899](http://myhome.217dan.com:8899/)\n-   github Mirror Site：[🌏 https://hawk86104.github.io](https://hawk86104.github.io/)\n\n```shell\nSince the project is frequently updated and compiled, if you encounter access errors, please clear your browser cache.\n```\n\n# Advantages\n\n-   🌈 Frontend Fundamentals `FesJS` [Click for details](https://fesjs.mumblefe.cn)\n\u003ca href=\"https://www.npmjs.com/package/@fesjs/fes\"\u003e\n\u003cimg src=\"https://img.shields.io/npm/v/%40fesjs%2Ffes?label=%40fesjs%2Ffes\"\u003e\n\u003c/a\u003e\u003cbr/\u003e\nIntegrates commonly used libraries for project implementation: icons, multi-language support, API calls, Vuex/Pinia, model data encapsulation, page layout/permission access, and route management.\u003cbr/\u003e\n\u003cbr/\u003e\n\n-   🌠 Build 3D Visualization Projects Like Writing Vue3.x [Click for details](https://tresjs.org/guide)\u003cbr/\u003e\n\n![npm](https://img.shields.io/npm/v/%40tresjs%2Fcientos?label=%40tresjs%2Fcientos)\u003cbr/\u003e\nThe 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.\n\n```html\n\u003ctemplate\u003e\n    \u003cTresCanvas window-size\u003e\n        \u003cTresPerspectiveCamera /\u003e\n        \u003cTresMesh\u003e\n            \u003cTresTorusGeometry :args=\"[1, 0.5, 16, 32]\" /\u003e\n            \u003cTresMeshBasicMaterial color=\"orange\" /\u003e\n        \u003c/TresMesh\u003e\n    \u003c/TresCanvas\u003e\n\u003c/template\u003e\n\n\u003cscript setup lang=\"ts\"\u003e\nimport { useRenderLoop, useTexture } from '@tresjs/core'\n\nconst pTexture = await useTexture(['./**.jpg', './**.png'])\nconst { onLoop } = useRenderLoop()\nonLoop(({ delta }) =\u003e {\n\n})\n\u003c/script\u003e\n```\n# ✅ Quick Start\n\n```\n1、git clone the repository or download this project directly.\n\n2、Navigate to the project root directory with cd\n\n3、yarn\t//  Install dependencies.\n\n4、yarn pre.dev // Debug mode for preview.\n\n5、yarn dev // Debug mode for your own project.\n\n6、yarn pre.build   // Compile and bundle for preview.\n\n7、yarn build   // Compile and bundle for your own project.\n\n8、yarn both    // Start both dev and pre.dev simultaneously, allowing you to debug your own project while referencing and porting examples and plugins.\n```\n# 📖 Documentation\n\n## User Guide：[🌏docs.icegl.cn](https://docs.icegl.cn/)\n\n# ❓ Issue Reporting\n\nIf you encounter any problems while using the project, please contact us through the following channels:\n\n-   Q\u0026A Community: [Graphics Community icegl.cn](https://www.icegl.cn/ask)\n\n\u003ca href=\"https://www.icegl.cn/ask\"\u003e\n\u003cimg src=\"https://icegl-1314935952.cos.ap-beijing.myqcloud.com/uploads/20230421/QQ20230421-121209.png\" style=\"width:800px;max-width:100%;\" alt=\"Graphics Community\"\u003e\u003c/a\u003e\n\n-   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.\n\u003cp align = \"left\"\u003e    \n\u003cimg src=\"https://icegl-1314935952.cos.ap-beijing.myqcloud.com/uploads/20230731/17d59bab46815cce1f4f1e09dcbb6ccc.png\" width=\"300\" /\u003e\n\u003c/p\u003e\n\n# ⭐ Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=hawk86104/three-vue-tres,hawk86104/vue3-ts-cesium-map-show\u0026type=Date)](https://star-history.com/#hawk86104/three-vue-tres\u0026hawk86104/vue3-ts-cesium-map-show\u0026Date)\n\n# ™️ Copyright Information\n\nThis project is released under the Apache 2.0 open-source license, providing free lifetime use and allowing commercial applications.\n\n\u003e If you use this project for commercial purposes, please comply with the Apache 2.0 license and retain the author’s technical support acknowledgment.\n\n-   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.\n-   Commercial use is allowed, but secondary open-sourcing and charging for it are prohibited.\n\nThe copyright information of third-party source code and binary files included in this project will be noted separately.\n\nFollow our official WeChat account to receive the latest updates.\n\u003cp align = \"left\"\u003e    \n\u003cimg src=\"https://icegl-1314935952.cos.ap-beijing.myqcloud.com/uploads/20240619/de51c5e66dd5a8647100cc3b61171223.jpg\" width=\"300\" /\u003e\n\u003c/p\u003e\n\nCopyright © 2022-2026 by 🧊icegl (https://www.icegl.cn)\n\nAll rights reserved。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhawk86104%2Fthree-vue-tres","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhawk86104%2Fthree-vue-tres","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhawk86104%2Fthree-vue-tres/lists"}