Web / Mobile / VR / AR / IoT / AI
Software architect, consultant, GDE, author
CTO & Co-founder
creating a robust, performant, and feature-rich online conferencing experience
2006 - WebGL prototype (Canvas 3d)
2011 - WebGL 1.0 spec was released
2017 - WebGL 2 released
2016 - WebVR 1.0 was announced
2019 - WebXR released.
WebVR deprecated
WebVR/WebXR
Right handed cartesian coordinates
Positive Z axis is behind the viewer
Axis directions are changed when applied rotation component
Entities - Containers into which components can be attached
Components - Reusable modules of data that can be attached to entities
Systems - global scope, services, state etc.
React
react-native bridge
Browser
index.js
asyncronous messages passing through the bridge
client.js
npx react-360-cli init React360Demo
You can render on cylinder surfaces
or on flat surfaces providing the angle
To interact with Native(browser) you need to define native modules
And register them
The React side
Pretty similar to React Native
Animating using Animated
A query language for your API
open source and free engine that gives you auto-generates real-time GraphQL API on top of new or existing PostgreSQL database