react vr
我是刘成
一门技术不难,看你愿不愿意花时间去攻克
展开
-
React VR各种报错黑屏
React VR偶尔会各种报错,黑屏,而且查看console,会有各种模块找不到,这时需要升级你的react-vr-cli哦;1、打开命令行:输入sudo npm install -g react-vr-cli2、然后输入密码3、等待安装完成,然后再用react-vr init4、然后再 npm start就好了原创 2017-05-21 16:36:04 · 1031 阅读 · 0 评论 -
react vr 原理解析
react vr中文网:www.vr-react.comreact vr qq群:481244084示例源码 github:https://github.com/LiuC520/ReactVR/今天就react vr的原理讲解下: 主要内容有:react vr的加载始末、通信原理、组件的加载等等。建议大家结合本文章对比源码进行翻阅,希望能帮助您了解react vr的原理原创 2017-08-10 18:50:45 · 1815 阅读 · 0 评论 -
react vr 视频(video)源码解析
react vr中文网:www.vr-react.com因为react vr的视频组件Video组件在手机上播放视频会全屏,所以前面我写了篇文章解决此事:解决react vr视频在微信和浏览器上全屏的问题;这里我再介绍下video的源码,希望能帮助到您,此篇文章较长,建议对着源码和本篇文章来阅读,否则会晕晕乎乎的哦,就像蜘蛛网一样的,首先看下下图:rea原创 2017-08-03 14:16:56 · 91140 阅读 · 1 评论 -
react vr禁用手机陀螺仪的方法
react vr中文网:www.vr-react.comreact vr qq群:481244084示例源码 github:https://github.com/LiuC520/ReactVR/现在的react vr(1.4.0以前)还不支持带触摸屏而不带陀螺仪的电脑哦。鉴于最近有人需要禁用手机的陀螺仪,让react vr能不跟着手机的旋转而旋转,只需要滑动手机原创 2017-08-16 20:58:23 · 5391 阅读 · 1 评论 -
用react vr重写threejs示例
react vr中文网:www.vr-react.comqq群:481244084源码 github:https://github.com/LiuC520/ReactVR/tree/master/examples/threejs示例不段更新中调试安装步骤:首先进入threejs文件下面的具体示例中,然后打开命令输入:npm install ,安装完毕,需要修改thr原创 2017-08-05 11:17:32 · 2121 阅读 · 0 评论 -
react-router在react-vr中的应用
react vr中文网:www.vr-react.comreact vr的导航一直很少有人去做,场景的切换一般都采用简单的state管理,也就是点击vrbutton改变state的值,切换新的场景,同时我们也可以用react上的路由来进行路由的导航,此处介绍react-router在react-vr中的应用。 react-router在react-vr中的应用:https://github....原创 2018-04-24 22:42:52 · 272 阅读 · 0 评论 -
react 360消息传递原理解析
react vr中文网:www.vr-react.comreact vr qq群:481244084示例源码 github:https://github.com/LiuC520/ReactVR/ 早起react 360是叫react vr的,后来facebook改成了react 360,原来的好多东西包括原理和模块都重写了,原来介绍了react vr 消息传递原理,里面有些原理已经修改了...原创 2018-05-28 23:49:13 · 481 阅读 · 1 评论 -
在react 360中显示pdf
react vr中文网:www.vr-react.comreact vr qq群:481244084示例源码 github:https://github.com/LiuC520/react_vr_pdf/如何在react 360中显示pdf原理: 因为整个react 360就是在threejs的基础之上来的,属于webvr的一种,所以可以用渲染纹理的方式展示pdf,首先可以用...原创 2018-06-11 21:16:55 · 673 阅读 · 0 评论 -
react vr 消息传递原理解析
react vr中文网:www.vr-react.comreact vr qq群:481244084示例源码 github:https://github.com/LiuC520/ReactVR/上一篇讲解了react vr原理:简书-react vr原理解析:http://www.jianshu.com/p/0d65456909d4csdn-react原创 2017-08-11 19:21:42 · 741 阅读 · 0 评论 -
react vr 组件之LiveEnvCamera的使用方法
react vr中文网:www.vr-react.comqq群:481244084源码 github:https://github.com/LiuC520/ReactVR/今天来讲下react vr的一个组件的使用:LiveEnvCamera这是一个新的组件,相信大多数人都不会用,而且在谷歌浏览器上还会报错,ConstraintNotSatisfiedError原创 2017-08-07 19:52:47 · 1423 阅读 · 1 评论 -
react vr-打包代码放到网站上
很多人不知道在编译了react vr代码后不知道如何放到网站上显示,这里我就把官方的示例代码先编译,然后放到网站上哦!大家按照我的步骤一步步来,就可以在你自己的网站上显示VR啦!一、下载官方示例代码 可以去github上下载哦:https://github.com/facebook/react-vr,下面的example里面就是示例代码了。原创 2017-05-21 18:54:02 · 1829 阅读 · 0 评论 -
react vr
官方给了几个例子,有些人运行不起来,这里我已经打包好了,并且放到了react vr中文网上,大家打开网站,就可以看到了:www.vr-react.com一:ControllerDemo,控制器示例,这里没有控制器,也就是VR设备的话,就是空的哦。http://www.vr-react.com/example/ControllerDemo/Contro原创 2017-05-21 19:15:44 · 1542 阅读 · 0 评论 -
react vr 中文网地址:www.vr-react.com
react vr 中文网地址:www.vr-react.com,这是国内首次发布的中文 React VR 网站,网站在3月初就建立了,但是官方一直没有开放代码出来,只是预览版,昨天开了发布会,正式公布,大量的react vr文章开始出现,为了给大家快速的学习机会,现将网站公布供大家学习VR。react vr 中文网地址:react vr中文网论坛,http://www.vr-react原创 2017-04-20 01:14:28 · 2906 阅读 · 0 评论 -
如何在react vr中使用中文
react vr终于支持中文显示了,最开始的几个版本是不支持中文的,如要使用中文,需要自己生成中文模板,这个还是比较复杂的。现在直接可以使用了,但是在我们新建的项目中,是没有中文字体,下面我就把字体放到网站上(www.vr-react.com),供大家下载,使用方法在下面会列出来的。一、字体下载地址:http://www.vr-react.com/example/fon原创 2017-05-22 11:23:55 · 1929 阅读 · 0 评论 -
react vr通过鼠标滚轮放大缩小场景
react vr中文网:react vr中文网--www.vr-react.com熟悉three.js的同学都知道,如果要实现鼠标滚动,只需要引入TrackballControls.js,就可以控制物体距离的远近了,controls = new THREE.TrackballControls( camera , renderer.domElement);contro原创 2017-06-30 15:42:00 · 2142 阅读 · 0 评论 -
react vr消息传递
react vr中文网:react vr中文网--www.vr-react.com有时间我们需要在react vr 和client之间进行通信,举个例子,鼠标点击了某个物体,需要改变相机的镜头,截止目前为止,react-vr的版本是1.2.0,相机的操作还都是在原生threejs里面进行的,也就是在react vr目录下面的client.js文件里面操作,而要实现这两个的通信,就需要用原创 2017-06-30 16:11:25 · 778 阅读 · 0 评论 -
解决react vr视频在微信和浏览器上全屏的问题
react vr中文网:www.vr-react.com今天介绍下如何用react vr在手机上自动播放视频,不让视频在ios设备上全屏,也可以直接在微信和其他浏览器内部播放。首先官方自带组件video,可以播放视频,但是用我的iphone播放时,视频哗一下全屏了,在微信里面和各种浏览器里面都是如此,我想要的效果是在vr内部播放,随着我移动手机,视频也会移动,这样才符合我们正常的使原创 2017-07-31 14:28:37 · 2568 阅读 · 0 评论 -
解决react vr加载js模型失败的问题
react vr中文网:www.vr-react.com截止本文发稿时,react vr 的版本是1.4.0,而three.js的版本是0.80.1,具体如下:如果你要是在client.js中加载自己用maya或者3dmax导出的js模型,会报错,报错,报错如下:这是因为0.80.1版本的three.js有问题,导入资源有原创 2017-07-31 17:16:08 · 864 阅读 · 0 评论 -
react 360中文网改版
各位童鞋好! 鉴于react vr已经改名为react 360,react vr中文网也更改为react 360中文网, 原网址地址不变,依旧是:www.vr-react.com虽然很多原来的组件没有在文档中体现,但是原来的文档我还没有删掉哦,好多组件在源文档中是有体现的。 源文档的地址如下: react vr中文网:http://www.vr-react.com/oldind...原创 2018-07-16 00:39:27 · 778 阅读 · 1 评论