//How to Make a VR App Using the Ricoh Theta & InstaVR

How to Make a VR App Using the Ricoh Theta & InstaVR

Ricoh Theta Unofficial Guide meet up
Feb 28, 2017. 6pm-7:30pm, at Stanford University

Speakers

Andrew Woodberry, InstaVR

Jesse Casman, RICOH THETA Unofficial Guide site

Venue

Cypress Room North
Tresidder Memorial Union, 459 Lagunita Dr, Stanford, CA 94305

Our Head of Sales, Andrew Woodberry, will be speaking at the Ricoh Theta Unofficial Guide meet up at Stanford University on Tuesday, Feb 28, 2017, 6pm — 7:30pm. (Stanford campus, Tresidder bldg, Cypress Room North) To RSVP, email andrew at instavr.co.

Making Money with VR

Tuesday, Feb 28, 2017, 6:00 PM

Tresidder Memorial Union, 2nd Floor (Cypress North Room)
459 Lagunita Dr Stanford, CA

8 Members Attending

The RICOH THETA Unofficial Guide (free resource site with forum, blog, YouTube, GitHub and more) hosts a meetup basically every other month. It generally focuses on developer topics (the camera has an open API) surrounding the RICOH THETA camera. But we’ve gotten many questions about careers in VR. So this month we’re holding the meetup on Stanford…

Check out this Meetup →

What is the RICOH THETA?

The Ricoh Theta S is one of the most versatile and cost-effective 360 cameras on the market. For a wide range of InstaVR customers — from real estate agents to educators to marketers — it’s the perfect choice.

And with so many Ricoh Thetas already in use, we wanted to put together a brief guide on how to go from Image/Video Capture -> Completed App using the Ricoh Theta + InstaVR.

For more camera information, visit the Ricoh Theta Unofficial Guide at http://theta360.guide

1. Sign Up for InstaVR (it’s Free!)

The first thing a VR enthusiast will have to do is sign up for an InstaVR account. It’s free and simple — just visit http://www.instavr.co
With a free account, you can quickly and easily author your first VR app. That 360 immersive app can then be published across a number of platforms, including iOS, Android, Google Cardboard and Gear VR.

Fig. InstaVR is a web-based solution made for non-technical people. You don’t need to purchase a special laptop or configure an app or web development environment.

2. Move Your Photos/Videos from Ricoh Theta S to InstaVR

InstaVR is a completely web-based solution. Our preferred upload format is JPEG & MP4. Luckily, those are the two capture formats of the Ricoh Theta S!
Once you’ve downloaded your images/videos from the Ricoh Theta S to your computer, identify the images/videos you’d like to use in your app and place them in a folder.
In the Author section of InstaVR, press the “Click to Add VR Contents” button. You can then drag-and-drop your folder of 360 images/videos, and start the upload process.

Fig. Just drag-and-drop to InstaVR to manage your assets.

Fig. InstaVR automatically optimizes your assets and generates renditions to support various platforms.

Fig. Preview 360 images ( or videos ) in InstaVR web dashboard immediately.

3. Author Your VR App

After your panoramas are uploaded and available in preview mode, you’ll want to author your VR Experience. There’s three main overlays you can add for your app users to interact with: Navigation, Hotspots, and Calls-to-Action.

  • + Link- This is for adding Navigation between your 360 degree scenes. After adding the Navigation link within the Panorama, you select the subsequent panorama or video you’d like your app user to go to. These Navigation links are activated by either looking at them (headset) or clicking on them (WebVR).
  • + Hotspot- A hotspot is a gaze-activated overlay on top of your 360 images or video. Hotspots can be still images, videos, audio narration or text.
  • + Action- A call-to-action overlay utilizes an API between InstaVR and your phone. Gazing at a call-to-action icon can either initiate a phone call or open a web page on your mobile device.

Fig. Previewing video embedded into a hotspot

4. Branding Your VR App

After you’ve authored your VR experience, you’re going to want to put the finishing touches on your app. This includes selecting an app icon, an app home screen, and (if a Pro customer) an app splash image or video.

Fig. Icon, Splash Image (or Video) and Home screen are configurable.

Fig. Adding several toggle options for non-head mounted display audiences.

5. Publishing Your VR App

The last step in app creation is publishing your app. For free users, you can create an in-house iOS or Android app, a Gear VR app, or a Google Cardboard app. For Pro & Enterprise users, we’ll also offer the option to publish to the iTunes or Google Play stores, publish to Web, and publish to HTC Vive.
All of the publishing platforms are essentially one-click. (Gear VR does require an .osig file and iTunes publication requires a certificate, but we walk clients through the process for obtaining those) And if you run into any issues, our Customer Support team is available via Live Chat 24 hrs/day, Monday through Friday. (US time)

6. Make it public.

Here is a result of InstaVR’s Web app feature. You can embed the InstaVR exported Web app into WordPress or other major CMS systems by copy-and-pasting the embeddable code.


7. Conclusion

That’s it! Your friends, family, colleagues, customers, and more are now able to experience the same images and videos you captured on your Ricoh camera. Go from media capture to app distribution in days, instead of weeks or months.

For more information on the Ricoh Theta S, visit the Unofficial Guide and for more information on InstaVR, visit our homepage.

Live Recording:
Make a VR app with InstaVR in 1 minute
and embed to web in 15 seconds.

This YouTube video is recorded live. No speed adjustment.

February 19th, 2017|General|

21 Comments

  1. […] For more information on post-upload app creation, visit this blog post: https://www.instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  2. How to Make a 360 VR Video App – InstaVR March 29, 2017 at 2:04 am

    […] The actual mechanics of creating a VR video app using InstaVR are quite simple. Just like with 360 still images, you upload, author, publish, and analyze. There’s a great video on that process embedded on the bottom of this page and we have a written step-by-step guide here. […]

  3. […] that general process embedded on the bottom of this page and we have a written step-by-step guide here. Only the Packaging actions will be different, which will be discussed a bit lower on this […]

  4. […] community where users of the Theta S share tips and tricks. They also put on live events, like the Meet Up at Stanford that our Head of Sales, Andrew Woodberry, spoke at earlier this year. Joining the Unofficial Guide […]

  5. […] is a web-based, drag-and-drop interface driven technology. No coding knowledge is required. Everyone at the company — from product marketing to PR to field marketing to salespeople themselves — is […]

  6. […] We’ve covered how to author a VR app in a number of different posts. But perhaps the best one for beginners can be found here: “How to Make a VR App Using the Ricoh Theta & InstaVR“. […]

  7. […] there, you just follow the standard steps for creating an app using InstaVR. The final results will be pretty impressive for iOS/Android/Google Cardboard. For a fairly minimal […]

  8. […] what would once take days or weeks, and condense it down into hours. In fact, we even put together a video on how to create a VR app in minutes using InstaVR! Time is a precious commodity in the building industry, and any time saved in creating VR apps can […]

  9. My Homepage September 12, 2017 at 5:05 am

    … [Trackback]

    […] Read More here: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  10. […] do you need your completed VR app done by? Doing things in-house may save you time. With InstaVR, you can have a fully functional VR app finished in hours, not days or weeks. You’ll still have to go out and capture your media, and conceptualize […]

  11. option wealth solutions reviews September 19, 2017 at 1:33 pm

    … [Trackback]

    […] Find More on|Find More|Find More Informations here|Here you will find 89431 additional Informations|Informations on that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  12. dental implant surgeries in Boynton September 23, 2017 at 10:33 pm

    … [Trackback]

    […] Find More here|Find More|Read More Informations here|There you can find 32181 additional Informations|Informations to that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  13. … [Trackback]

    […] Find More here|Find More|Find More Infos here|Here you will find 28983 more Infos|Informations to that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  14. website September 25, 2017 at 6:59 am

    … [Trackback]

    […] Find More on|Find More|Find More Infos here|There you will find 91285 more Infos|Informations on that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  15. SEO company in chandigarh September 27, 2017 at 8:16 am

    … [Trackback]

    […] Read More on|Read More|Read More Informations here|There you will find 630 additional Informations|Infos to that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  16. GET MORE STORIES September 28, 2017 at 7:42 am

    … [Trackback]

    […] Read More here|Read More|Find More Informations here|There you will find 45450 additional Informations|Infos to that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  17. Festivales September 28, 2017 at 4:28 pm

    … [Trackback]

    […] Read More on|Read More|Find More Infos here|Here you will find 81179 more Infos|Informations on that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  18. soccerphysics.co September 28, 2017 at 4:28 pm

    … [Trackback]

    […] Find More on|Find More|Find More Informations here|Here you will find 13582 more Informations|Infos to that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  19. mondo sonoro September 28, 2017 at 4:29 pm

    … [Trackback]

    […] Read More on|Read More|Read More Infos here|Here you can find 46152 additional Infos|Informations to that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  20. must watch September 29, 2017 at 11:51 pm

    … [Trackback]

    […] Read More here|Read More|Find More Infos here|There you can find 69631 more Infos|Infos on that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

  21. pezevenk October 1, 2017 at 9:25 pm

    … [Trackback]

    […] Find More here|Find More|Read More Infos here|There you can find 78252 more Infos|Informations on that Topic: instavr.co/articles/general/how-to-make-a-vr-app-using-the-ricoh-theta-instavr […]

Comments are closed.

Make a VR app in minutes.

TRY InstaVR for FREE

Already have an account?

InstaVR has been selected by over 10,000 companies and professionals

Find Customer Stories

Industries

Marketing

Learn More …

Architecture / Engineering

Learn More …

Tourism

Learn More …

Employee Hiring

Learn More …

Education

Learn More …

Media / Communication

Learn More …

Entertainment

Learn More …

Real Estate

Learn More …

Medical

Learn More …

Hospitality

Learn More …

Sales

Learn More …

Training

Learn More …

You can get latest updates from InstaVR

Click “Like” to get latest updates via Facebook

Click “Follow” to get latest updates via Twitter

About InstaVR

InstaVR is a virtual reality focused technology company, providing tools and services to enable professionals to author and publish interactive VR experiences. InstaVR is completely web-based and requires no specialized engineering knowledge. Over 10,000 clients have signed up for InstaVR, creating thousands of immersive 360 degree apps for iOS, Android, WebVR, Gear VR, Oculus Rift, HTC VIVE, Google Daydream, etc.

Press Room

Media Coverage

Any Questions?

Contact Us