{"_id":"5a06037134873d0010b39205","category":{"_id":"5a06037134873d0010b391ff","version":"5a06037134873d0010b391fe","project":"578c4badbd223d2000cc1441","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-10-25T23:36:45.975Z","from_sync":false,"order":0,"slug":"basics","title":"Getting Started"},"parentDoc":null,"user":"578c4a62bd223d2000cc143e","project":"578c4badbd223d2000cc1441","version":{"_id":"5a06037134873d0010b391fe","project":"578c4badbd223d2000cc1441","__v":1,"createdAt":"2017-11-10T19:52:17.163Z","releaseDate":"2017-11-10T19:52:17.163Z","categories":["5a06037134873d0010b391ff","5a06037134873d0010b39200","5a06037134873d0010b39201","5a06037134873d0010b39202","5a06037134873d0010b39203","5a06037134873d0010b39204"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"2.1.0","version":"2.1.0"},"__v":0,"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.1.0 as of November 16, 2017\",\n  \"body\": \"See 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 highly performant 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 highly performant 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/cb98e6d-Fast-development-pic.png\",\n        \"Fast-development-pic.png\",\n        800,\n        250,\n        \"#212312\"\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/df29641-vr_integration_pic.gif\",\n        \"vr_integration_pic.gif\",\n        800,\n        250,\n        \"#000000\"\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 performant scenes with rendering featuring HDR, Realtime  Lighting and Shadows. Add real world mechanics to your objects, emit smoke, fog, fire, and other moving liquids with our Particle System.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/28a529e-native_pic.png\",\n        \"native_pic.png\",\n        800,\n        250,\n        \"#494c59\"\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"}
[block:callout] { "type": "info", "title": "Latest Release is v2.1.0 as of November 16, 2017", "body": "See 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 highly performant 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 highly performant 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/cb98e6d-Fast-development-pic.png", "Fast-development-pic.png", 800, 250, "#212312" ] } ] } [/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/df29641-vr_integration_pic.gif", "vr_integration_pic.gif", 800, 250, "#000000" ] } ] } [/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 performant scenes with rendering featuring HDR, Realtime Lighting and Shadows. Add real world mechanics to your objects, emit smoke, fog, fire, and other moving liquids with our Particle System. [block:image] { "images": [ { "image": [ "https://files.readme.io/28a529e-native_pic.png", "native_pic.png", 800, 250, "#494c59" ] } ] } [/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)