Vue VR使用Vue构建VR应用程序框架
基于 Vue 的 VR 开发框架,vue-vr还挺适合刚上手 Web VR 项目的同学用。它其实是把 Three.js 封装了一层,用 Vue 的方式去写 VR 场景,写法熟悉,上手也快。你只需要像平常用 Vue 那样写组件,里面的 3D 世界就能动起来。
用法也挺灵活,npm 装一下npm install vuejs-vr --save
,或者直接引个 CDN 也行:[removed][removed]
。本地开发的话,克隆仓库git clone https://github.com/mudin/vue-vr.git
,npm install
,再npm run
就能跑起来了。
像你想做个 360 全景展示、产品 VR 预览这种场景,用它基本够了。交互可以慢慢叠加,跟普通 Vue 组件交互差不多,思路也清晰。不过它还是个 demo 性质的框架,稳定性和扩展能力别太高期待。
你要是做重 VR 交互,或者和 Unity 那套结合,还是得看看更专门的工具,比如VR 交互插件或Google VR for Unity。但如果你想先用熟悉的前端栈试试水,vue-vr 算是个不错的选择。
哦对了,想研究下源码的也可以看这个项目示例源代码,搭配 webpack 也蛮顺的,顺便可以参考下Webpack-Vue 项目配置,自己魔改也方便。
如果你本来就在搞 Vue 项目,又想浅尝一下 VR,直接上 vue-vr,试试效果,搞点炫酷的交互 demo,展示页啥的,挺有意思的。
20.62MB
文件大小:
评论区