{"_id":"5b36797811baf70003a15365","category":"5b36797811baf70003a1535c","parentDoc":null,"user":"578c4a62bd223d2000cc143e","project":"578c4badbd223d2000cc1441","version":"5b36797811baf70003a153e5","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-07-18T23:34:30.593Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Latest Release is v2.8.1 as of July 6, 2018\",\n  \"body\": \"See the [Releases](doc:releases) tab for more information\"\n}\n[/block]\nViroReact is a platform for developers to rapidly build native cross platform AR/VR applications using React Native. ViroReact supports:\n\nAR: [ARKit](https://developer.apple.com/arkit/) and [ARCore](https://developers.google.com/ar/)\nVR: [Cardboard](https://vr.google.com/cardboard/) (iOS and Android), [Daydream](https://vr.google.com/daydream/) and [Gear VR](http://www.samsung.com/global/galaxy/gear-vr/)\n\nThe platform is composed of two main components:\n\n1) A high performance native 3D rendering engine, and\n2) A custom extension of [React](https://facebook.github.io/react/) for AR and VR development.\n\nWhether you are looking to build a new AR/VR application, or add AR/VR features to your existing applications, the ViroReact platform enables you to create powerful mobile AR/VR applications using a single code base. Write once, run everywhere!\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Why Use ViroReact?\"\n}\n[/block]\n## Easy to Learn\nOur framework uses web-like concepts making it simple to learn.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f6e66ca-easytolearn-pic_a.png\",\n        \"easytolearn-pic_a.png\",\n        800,\n        250,\n        \"#2c2c34\"\n      ]\n    }\n  ]\n}\n[/block]\n## Fast Development\nTired of waiting for recompile to see changes? With ViroReact Testbed Apps, just reload and see your changes on device. It's like \"refreshing\" a browser.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9098974-viroreact.gif\",\n        \"viroreact.gif\",\n        500,\n        282,\n        \"#f73b5a\"\n      ]\n    }\n  ]\n}\n[/block]\n## AR/VR Integration\nIn addition to creating entirely new applications, with ViroReact, you can add AR/VR functionality to your existing application and offer your user base base more exciting features. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/337b0d2-vrar_integration.gif\",\n        \"vrar_integration.gif\",\n        800,\n        250,\n        \"#e8e8e7\"\n      ]\n    }\n  ]\n}\n[/block]\n## Cross Platform\nVR support for iOS Cardboard, Android Cardboard, Daydream and Gear VR. \nAR support for iOS ARKit and Android ARCore.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7c05f87-cross_platform_pic-1.png\",\n        \"cross_platform_pic-1.png\",\n        800,\n        250,\n        \"#9bc445\"\n      ]\n    }\n  ]\n}\n[/block]\n ## Native Performance\nThe Viro renderer runs natively on your hardware for optimal performance. Create stunning scenes with support for physically-based rendering (PBR), high-dynamic range (HDR), and realtime lighting and shadows. Add real-world mechanics to your objects with Viro's physics engine, and emit smoke, fire, and more with Viro's full-featured particle system.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b0c35a7-PBR_canister_animated_2.gif\",\n        \"PBR canister animated 2.gif\",\n        300,\n        169,\n        \"#534a49\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Start Developing\"\n}\n[/block]\nTo begin developing, we recommend you go through the following sections in order:\n\n1. [Quick Start](doc:quick-start) (No Xcode or Android Studio required) or [Installing Viro (iOS)](doc:starting-a-new-viro-project-1) or [Installing Viro (Android)](doc:installing-viro-android): step-by-step guides for setting up ViroReact and getting to \"Hello World\".\n2. [Tutorial](doc:tutorial): step-by-step guide for creating a basic scene.\n\nHave any questions? [Github Issues](https://github.com/viromedia/viro/issues)","excerpt":"","slug":"viro-platform-overview","type":"basic","title":"Overview","__v":0,"childrenPages":[]}
[block:callout] { "type": "info", "title": "Latest Release is v2.8.1 as of July 6, 2018", "body": "See the [Releases](doc:releases) tab for more information" } [/block] ViroReact is a platform for developers to rapidly build native cross platform AR/VR applications using React Native. ViroReact supports: AR: [ARKit](https://developer.apple.com/arkit/) and [ARCore](https://developers.google.com/ar/) VR: [Cardboard](https://vr.google.com/cardboard/) (iOS and Android), [Daydream](https://vr.google.com/daydream/) and [Gear VR](http://www.samsung.com/global/galaxy/gear-vr/) The platform is composed of two main components: 1) A high performance native 3D rendering engine, and 2) A custom extension of [React](https://facebook.github.io/react/) for AR and VR development. Whether you are looking to build a new AR/VR application, or add AR/VR features to your existing applications, the ViroReact platform enables you to create powerful mobile AR/VR applications using a single code base. Write once, run everywhere! [block:api-header] { "type": "basic", "title": "Why Use ViroReact?" } [/block] ## Easy to Learn Our framework uses web-like concepts making it simple to learn. [block:image] { "images": [ { "image": [ "https://files.readme.io/f6e66ca-easytolearn-pic_a.png", "easytolearn-pic_a.png", 800, 250, "#2c2c34" ] } ] } [/block] ## Fast Development Tired of waiting for recompile to see changes? With ViroReact Testbed Apps, just reload and see your changes on device. It's like "refreshing" a browser. [block:image] { "images": [ { "image": [ "https://files.readme.io/9098974-viroreact.gif", "viroreact.gif", 500, 282, "#f73b5a" ] } ] } [/block] ## AR/VR Integration In addition to creating entirely new applications, with ViroReact, you can add AR/VR functionality to your existing application and offer your user base base more exciting features. [block:image] { "images": [ { "image": [ "https://files.readme.io/337b0d2-vrar_integration.gif", "vrar_integration.gif", 800, 250, "#e8e8e7" ] } ] } [/block] ## Cross Platform VR support for iOS Cardboard, Android Cardboard, Daydream and Gear VR. AR support for iOS ARKit and Android ARCore. [block:image] { "images": [ { "image": [ "https://files.readme.io/7c05f87-cross_platform_pic-1.png", "cross_platform_pic-1.png", 800, 250, "#9bc445" ] } ] } [/block] ## Native Performance The Viro renderer runs natively on your hardware for optimal performance. Create stunning scenes with support for physically-based rendering (PBR), high-dynamic range (HDR), and realtime lighting and shadows. Add real-world mechanics to your objects with Viro's physics engine, and emit smoke, fire, and more with Viro's full-featured particle system. [block:image] { "images": [ { "image": [ "https://files.readme.io/b0c35a7-PBR_canister_animated_2.gif", "PBR canister animated 2.gif", 300, 169, "#534a49" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Start Developing" } [/block] To begin developing, we recommend you go through the following sections in order: 1. [Quick Start](doc:quick-start) (No Xcode or Android Studio required) or [Installing Viro (iOS)](doc:starting-a-new-viro-project-1) or [Installing Viro (Android)](doc:installing-viro-android): step-by-step guides for setting up ViroReact and getting to "Hello World". 2. [Tutorial](doc:tutorial): step-by-step guide for creating a basic scene. Have any questions? [Github Issues](https://github.com/viromedia/viro/issues)