{"_id":"58f7a4c9cbd001190056cc30","parentDoc":null,"version":{"_id":"58f7a4c8cbd001190056cbf8","__v":1,"project":"578c4badbd223d2000cc1441","createdAt":"2017-04-19T17:56:24.172Z","releaseDate":"2017-04-19T17:56:24.172Z","categories":["58f7a4c8cbd001190056cbf9","58f7a4c8cbd001190056cbfa","58f7a4c8cbd001190056cbfb","58f7a4c8cbd001190056cbfc","58f7a4c8cbd001190056cbfd","58f7a4c8cbd001190056cbfe"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1.0"},"__v":0,"category":{"_id":"58f7a4c8cbd001190056cbfc","__v":0,"version":"58f7a4c8cbd001190056cbf8","project":"578c4badbd223d2000cc1441","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-07-18T21:08:45.730Z","from_sync":false,"order":3,"slug":"develop","title":"Develop"},"project":"578c4badbd223d2000cc1441","user":"578c4a62bd223d2000cc143e","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-07-21T19:47:30.332Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":1,"body":"Welcome to code samples for Viro developers. Here, you can browse sample code and learn how to build different components for your applications. The four different examples below represent familiar everyday applications that can be built on Viro. You can browse the source files and copy and paste the code you need.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Working with Code Samples\"\n}\n[/block]\nThe code samples can be found at our public GitHub repository here: https://github.com/viromedia/viro\n\nSimply clone the repository to your workspace and follow the instructions in the README.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Sample 1: 360 Scenes\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/63d4ae9-Viro_WeWork2.jpg\",\n        \"Viro_WeWork2.jpg\",\n        800,\n        505,\n        \"#4c4841\"\n      ]\n    }\n  ]\n}\n[/block]\nThis sample demonstrates: \n- The usage of setting background images with scenes.\n- The use of simple Viro components like ViroImage and ViroText.\n- Transitioning between scenes with sceneNavigation.\n- Animating of elements through the setting of states.\n- Building of composite controls for code simplification.\n\nSource: https://github.com/viromedia/viro/tree/master/js/360PhotoTour\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Sample 2: Flex Box\"\n}\n[/block]\nComing Soon!\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Sample 3: 3D Objects\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/23a2dca-viro_heart_sample2.jpg\",\n        \"viro_heart_sample2.jpg\",\n        800,\n        470,\n        \"#35323d\"\n      ]\n    }\n  ]\n}\n[/block]\nThis sample demonstrates:\n* Loading a 3D model\n* Using a spotlight to illuminate the scene\n* Displaying text with billboarding\n* Exploring a scene with an orbit camera\n\nSource: https://github.com/viromedia/viro/tree/master/js/HumanBody\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Sample 4: Media Layouts\"\n}\n[/block]\nComing Soon!","excerpt":"","slug":"code-samples","type":"basic","title":"Code Samples"}
Welcome to code samples for Viro developers. Here, you can browse sample code and learn how to build different components for your applications. The four different examples below represent familiar everyday applications that can be built on Viro. You can browse the source files and copy and paste the code you need. [block:api-header] { "type": "basic", "title": "Working with Code Samples" } [/block] The code samples can be found at our public GitHub repository here: https://github.com/viromedia/viro Simply clone the repository to your workspace and follow the instructions in the README. [block:api-header] { "type": "basic", "title": "Sample 1: 360 Scenes" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/63d4ae9-Viro_WeWork2.jpg", "Viro_WeWork2.jpg", 800, 505, "#4c4841" ] } ] } [/block] This sample demonstrates: - The usage of setting background images with scenes. - The use of simple Viro components like ViroImage and ViroText. - Transitioning between scenes with sceneNavigation. - Animating of elements through the setting of states. - Building of composite controls for code simplification. Source: https://github.com/viromedia/viro/tree/master/js/360PhotoTour [block:api-header] { "type": "basic", "title": "Sample 2: Flex Box" } [/block] Coming Soon! [block:api-header] { "type": "basic", "title": "Sample 3: 3D Objects" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/23a2dca-viro_heart_sample2.jpg", "viro_heart_sample2.jpg", 800, 470, "#35323d" ] } ] } [/block] This sample demonstrates: * Loading a 3D model * Using a spotlight to illuminate the scene * Displaying text with billboarding * Exploring a scene with an orbit camera Source: https://github.com/viromedia/viro/tree/master/js/HumanBody [block:api-header] { "type": "basic", "title": "Sample 4: Media Layouts" } [/block] Coming Soon!