4 2015 React Native i OS 2015 React

  • Slides: 57
Download presentation

Прошло 4 года ●Март 2015: “React Native” для i. OS ●Сентябрь 2015: “React Native”

Прошло 4 года ●Март 2015: “React Native” для i. OS ●Сентябрь 2015: “React Native” для Android ●Апрель 2017: "React VR" для Web. GL

Как работает React Native javascript + xml + css виджеты i. OS / Android

Как работает React Native javascript + xml + css виджеты i. OS / Android

Как работает React VR javascript + xml + css Web. GL (Three. js)

Как работает React VR javascript + xml + css Web. GL (Three. js)

Как связаны Web. GL и VR? Web. VR: Java. Script API для доступа к

Как связаны Web. GL и VR? Web. VR: Java. Script API для доступа к шлему Chrome, Firefox, Edge, Samsung, Oculus navigator. get. VRDisplays(). then(v => {. . . });

А что еще есть? ●Unity + VR Plugins ●Unreal Engine

А что еще есть? ●Unity + VR Plugins ●Unreal Engine

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK ●Oculus Mobile & Desktop SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK ●Oculus Mobile & Desktop SDK ●Google VR SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK

А что еще есть? ●Unity + VR Plugins ●Unreal Engine ●Vive Open. VR SDK ●Oculus Mobile & Desktop SDK ●Google VR SDK ●. . .

Низкий порог вхождения yarn add react-vr-cli. /node_modules/. bin/react-vr init foo cd foo yarn start

Низкий порог вхождения yarn add react-vr-cli. /node_modules/. bin/react-vr init foo cd foo yarn start open http: //localhost: 8081/vr/index. html

А вот, кстати, сцена <View> <Pano source={asset('chess-world. jpg')}/> <Text style={this. styles. text}> hello </Text>

А вот, кстати, сцена <View> <Pano source={asset('chess-world. jpg')}/> <Text style={this. styles. text}> hello </Text> </View>

Звонок из VR <script type="text/javascript" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="//cdn. voximplant. com/edge/voximplant. min. js"> </script>

Звонок из VR <script type="text/javascript" src="//cdn. voximplant. com/edge/voximplant. min. js"> </script>

Звонок из VR const vox = Vox. Implant. get. Instance(); await vox. init({mic. Required:

Звонок из VR const vox = Vox. Implant. get. Instance(); await vox. init({mic. Required: true}); await vox. connect(); await vox. login('foo', 'bar'); const call = vox. call('conference'); call. on(Vox. Implant. Call. Events. Connected, () => { // мы в конференции! });