# visualThree

**Repository Path**: modify_lzq/visualThree

## Basic Information

- **Project Name**: visualThree
- **Description**: 可视化3D（vue3）
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-09-20
- **Last Updated**: 2025-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, Threejs, webgl

## README

<p align="center">
    <img src="public/logo.png" alt="mark text" width="128" height="128">
</p>

# visualThree

一个基于 three 可视化项目，用来实现一些小的 demo，下面都是一些无关紧要的碎碎念

- GitHub 地址：https://github.com/lizuoqun/visualThree
- Gitee 地址：https://gitee.com/modify_lzq/visualThree.git

## 项目初始化

- [vue3 安装 tailwindcss](https://www.tailwindcss.cn/docs/guides/vite#vue)
- 安装 three、d3 需要安装对应 types，在 tsconfig.json 当中配置
- 项目加入了自动导入，vue 里面没有默认的 import

## 项目托管

- Github 托管：[前往预览](https://lizuoqun.github.io/visualThree/#/)
- Hbilder 托管：[前往预览](https://static-mp-a409bf49-ce3e-4d28-ac9e-a99b788a4f18.next.bspapp.com/visualThree#/)

> 注：因为 glb、gltf 模型都挺大的，并且这里也是托管到 Github Pages，所以耗时会长一点
>
> 不会一直手动去更新这个，可以拉取本项目在本地运行

## 案例说明

- 见 router 路由，在路由当中有做说明

## 目录说明

- webGL webGL 相关代码案例
- Shader Shader 相关代码案例

## 更改推送

```shell
git config user.email "your_email@example.com"
git config user.name "zhangsan"
```