# Three.js3D模型可视化编辑系统

**Repository Path**: xiaomaike/Three.js3D

## Basic Information

- **Project Name**: Three.js3D模型可视化编辑系统
- **Description**: 🔥 🎉基于three.js开发的3D模型可视化编辑系统
包含模型加载，模型背景图，全景图，模型动画，模型灯光，模型定位，辅助线
模型材质等可视化操作编辑系统
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 458
- **Created**: 2023-08-06
- **Last Updated**: 2023-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



###  基于Three.js+Vue3+Element-Plus开发的3d模型可视化编辑系统
###	功能简介
- 1.背景:场景背景图，场景背景颜色，场景全景图的可视化编辑
- 2.动画:模型自带动画的播放功能,和动画播放速度,动作幅度的配置
- 3.属性:模型轴,模型位置，模型骨架，模型坐标轴等可视化编辑
- 4.灯光:环境光,点光源,聚光灯,半球光等可视化编辑
- 5.材质:模型材质的选择,材质颜色,透明度,网格,贴图等可视化编辑

#### 安装/启动
```
yarn
yarn serve
```
### 界面
![输入图片说明](public/image/1.png)
![输入图片说明](public/image/2.png)
![输入图片说明](public/image/3.png)
![输入图片说明](public/image/4.png)
![输入图片说明](public/image/5.png)
![输入图片说明](public/image/6.png)

### 相关链接

###### Three.js:[https://threejs.org/](https://threejs.org/)
###### Element-Plus:[https://element-plus.gitee.io/zh-CN/](https://element-plus.gitee.io/zh-CN/)