Skip to content

LiliYonng/3dmodel-web

Repository files navigation

3dmodel-web

在线预览链接


技术栈   threejs   vue2.0   es6  vant框架  vuecli构建  ajax封装   mockjs获取数据  vuex和cookie缓存

项目亮点

1. vue-cli+vue-router 工程化构建
2. vant框架 移动端组件风格
3. threejs 模型展示和交互(缩放旋转)
4. 切换和加载模型,改变模型贴图
5. vuex和Cookie存储数据,减少请求发送
6. aixos封装请求,mockjs拦截实现前后端分离

项目背景

  以中国古代陶瓷的发展和风格变化为主题设计。用户在首页可以选择不同朝代的陶瓷,项目将以3D形式展示该时期的系列典型陶瓷,同时用户可以和陶瓷进行一定的交互(缩放旋转),点击按钮切换陶瓷的花纹颜色以及陶瓷的模型。也可以选择上方按钮进行文字介绍和语音介绍。

部分功能展示:

页面展示及跳转


模型交互

项目运行

npm install

npm run serve

npm run build

Releases

No releases published

Packages

No packages published