讲义内容文稿210228前端react vr快速入门.pdfVIP

React VR 快速入门 前言 什么是React React 是一个开放源代码的 JavaScript 库，为 HTML 呈现的数据提供了视图渲 染。 React视图通常使用指定的像HTML标签一样的组件来进行UI渲染。它目前是最流行 的JavaScript库之一，它拥有强大的基础和庞大的社区。 创建一个React $ npm install -g create-react- $ create-react- my- $ cd my- $ npm GitChat 效果图 什么是React Native ？ React Native是仅使用Javascript的移动应用构建框架。它使用与 React 相同的设计， 包含丰富的UI库和组件 。 它使用与常规iOS和Android应用程序相同的基本UI构建块。 使用 React-Native 最赞的地方是还可以通过原生的 Objective-C , Java , 或者 Swift 来构建组件。 React VS React Native ： React Native bridge ： bridge GitChat 创建一个React Native 环境安装 查看官网 ： 。 创建项目 $ react-native init my-rn- 运行项目 To run your on iOS: cd /Users/liyuechun/Pictures/my_rn_ react-native run-ios - or - Open ios/my_rn_ .xcodeproj in Xcode Hit the Run button To run your on Android: cd /Users/liyuechun/Pictures/my_rn_ Have an Android emulator running (quickest way to get ted), or a device connected react-native run-android 效果图 iOS Android GitChat 开始使用React VR React VR旨在允许Web开发人员使用React的 方法(特别是React Native)来创作虚拟现 实（VR ）应用程序。 React VR使用Three.js 来支持较低级别的WebVR 和 WebGL API. WebVR是用于 Web上 VR设备的API 。 WebGL （Web图形库）是一种无需使用插件即可用于在任何兼容的Web浏 览器中渲染3D图形的API。 React VR类似于React Native ，因为它使用View ，Image和 Text 作为 组件，并且支 持Flexbox布局。 此外，React VR还将 Pano ，Mesh 和 PointLight等VR组件添加相关库 中。 在本篇文章中，我将带领大家创建一个简单的VR应用程序来学习如何创建一个全景图 片，3D对象模型，按钮和flexbox布局的使用场景。我们的模拟应用程序基于React VR的 两个 网格和 布局的官方示例。 该应用程序将渲染一个能够放大和缩小的 地球和 月球的3D模型，效果图如下所示： 这些模型中，它们的尺度和旋转不是 地球-月球系统的真实 品。 这种关系只是为了 GitChat 展示React VR的工作原理。 与此同时，我们将解释一些关键的3D建模概念。 一旦掌握了 ReactVR ，就可以随意创造 的作品。 你能够从 找到最后的项目源代码。 要求 到目前为止，虚拟现实是一项相当新的技术，开发或测