# three_dimensional_shop_v3

**Repository Path**: wellington8086/three_dimensional_shop_v3

## Basic Information

- **Project Name**: three_dimensional_shop_v3
- **Description**: 通过Vue3和threejs打造三维场景  通过不同场景和商品的切换展示3D效果
1)使用Vue3的Vue,Vue-router和Vuex实现组件的编写
2)通过Vuex状态管理实现购物车模块在多个组件数据流动
3)通过Three.js实现3D模型360旋转
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 6
- **Created**: 2022-02-28
- **Last Updated**: 2025-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



#  概述

通过Vue3和threejs打造三维场景 通过不同场景和商品的切换展示3D效果

# 显示效果



## 主页显示

![在这里插入图片描述](https://img-blog.csdnimg.cn/0e19e724eaec4776b3578244209265db.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yqq5Yqb55qEV2VsbGluZ3Rvbg==,size_20,color_FFFFFF,t_70,g_se,x_16)





## 3D界面展示



![在这里插入图片描述](https://img-blog.csdnimg.cn/e3f827a0f84e45a0b8d691ff5cad9545.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yqq5Yqb55qEV2VsbGluZ3Rvbg==,size_20,color_FFFFFF,t_70,g_se,x_16)





## 商品的3D场景

![在这里插入图片描述](https://img-blog.csdnimg.cn/0473b0b732134f6a9fbf248e284fd814.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yqq5Yqb55qEV2VsbGluZ3Rvbg==,size_20,color_FFFFFF,t_70,g_se,x_16)





![在这里插入图片描述](https://img-blog.csdnimg.cn/baecdddc832142e49b4de08f1fbd3cb0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yqq5Yqb55qEV2VsbGluZ3Rvbg==,size_20,color_FFFFFF,t_70,g_se,x_16)