teng2015 / three

vue+three

three

vue + three 3d pro

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

概括

本项目使用Vue框架，利用three，实现简单3d场景的搭建和交互。

实现功能

多个相同obj模型的加载（一个加载，其余克隆）

旋转，移动，缩放功能

点击房内模型更改其颜色

缩放时控制屋顶的显示状态

给模型增加自定义文字标签

更多请参考three文档 three