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.gitnpm install,再npm run就能跑起来了。

像你想做个 360 全景展示、产品 VR 预览这种场景,用它基本够了。交互可以慢慢叠加,跟普通 Vue 组件交互差不多,思路也清晰。不过它还是个 demo 性质的框架,稳定性和扩展能力别太高期待。

你要是做重 VR 交互,或者和 Unity 那套结合,还是得看看更专门的工具,比如VR 交互插件Google VR for Unity。但如果你想先用熟悉的前端栈试试水,vue-vr 算是个不错的选择。

哦对了,想研究下源码的也可以看这个项目示例源代码,搭配 webpack 也蛮顺的,顺便可以参考下Webpack-Vue 项目配置,自己魔改也方便。

如果你本来就在搞 Vue 项目,又想浅尝一下 VR,直接上 vue-vr,试试效果,搞点炫酷的交互 demo,展示页啥的,挺有意思的。

zip 文件大小:20.62MB