Published on <a href="https://blog.prototypr.io/vr-and-mixed-reality-resources-90a57498220e?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Jae Salavarrieta 
<h3>VR, AR and Mixed Reality Resources</h3>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AmRQ_07sdpP4h8OzltqaOw.jpeg">
I spend a lot of time on research and competitive analysis when I go through any projects. Especially when I’m working on any VR, MR, or AR projects, each is slightly different from the other and even there are tools now already that help speed up the process faster. I still feel its a huge learning curve for anyone that’s not already a game developer. It’s not only an interactive workflow but a very involved process concerning gestures, voice, UI, UX, spatial location, microinteractions, audio, etc.
I recently had another Hololens and mobile AR projects and with all the rising interest in XR increasing this year I figured I should show the curated list I had once compiled. I agree it’s not the most complete list but anyone looking for a start in XR this may be helpful for those wanting a place to begin. As I continue to work in this field, I’ll look to update this list of links and articles. Hopefully this helps out to those getting started. Thank you for reading. Enjoy!
Storyboarding Tools:
<a href="https://gumroad.com/coob">360 Panorama Grid (for print on A4)</a>
<a href="https://www.amazon.com/Alvin-Isometric-30-Sheet-Paper-1242-1/dp/B004BNCNWU">Alvin Isometric Sheet paper</a>
Prototyping Tools:
<ul>
<li><a href="https://facebook.design/vr-template">Facebook Design &#8211; VR Prototyping Template</a></li>
<li><a href="https://github.com/auxdesigner/Sketch-to-VR">auxdesigner/Sketch-to-VR</a></li>
<li><a href="https://blog.marvelapp.com/vr-prototyping-marvel/">VR Prototyping with Marvel</a></li>
</ul>
User Experience:
<ul>
<li><a href="https://www.uxofvr.com/">The User Experience of Virtual Reality</a></li>
<li><a href="http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/">The Art of Guerrilla Usability Testing | UX Booth</a></li>
</ul>
Toolkits, SDK, CMS:
<ul>
<li><a href="http://forgetoolkit.com/#/">AR|VR Toolkit Forge/Unity</a></li>
<li><a href="https://developers.facebook.com/docs/ar-studio/">AR Studio &#8211; Documentation &#8211; Facebook for Developers</a></li>
<li><a href="https://developer.apple.com/arkit/">ARKit &#8211; Apple Developer</a></li>
<li><a href="https://developers.google.com/ar/develop/downloads">ARCore SDK Downloads | ARCore | Google Developers</a></li>
<li><a href="https://www.vuforia.com/">Vuforia | Augmented Reality</a></li>
<li><a href="https://catchoom.com/product/craftar/augmented-reality-sdk/">Augmented Reality SDKs &#8211; CraftAR by Catchoom</a></li>
<li><a href="https://layer.com/">The Customer Messaging and Conversation Platform | Layer</a></li>
<li><a href="https://www.Blippar.com">Blippar Frontpage | BlipparWebsite</a></li>
<li><a href="https://www.tartt.io/en/">TARTT &#8211; Augmented Reality CMS, SDK, App</a></li>
<li><a href="http://www.zappar.com/">Zappar: Augmented, Virtual &amp; Mixed Reality Solutions</a></li>
<li><a href="https://www.hpreveal.com/">HP Reveal &#8211; HP Reveal</a></li>
</ul>
Hololens (Mixed Reality):
<ul>
<li><a href="https://docs.microsoft.com/en-us/windows/uwp/design/fluent-design-system/index">Fluent Design System for UWP apps &#8211; UWP app developer</a></li>
<li><a href="https://developer.microsoft.com/en-us/windows/mixed-reality/design">Design</a></li>
<li><a href="https://developer.microsoft.com/en-us/windows/mixed-reality/case_study_-_building_holosketch,_a_spatial_layout_and_ux_sketching_app_for_hololens">Case study &#8211; Building HoloSketch, a spatial layout and UX sketching app for HoloLens</a></li>
<li><a href="https://developer.microsoft.com/en-us/windows/mixed-reality/academy">Academy</a></li>
<li><a href="https://medium.com/microsoft-design/how-to-think-about-designing-3d-space-b88faf609df4">Designing for Mixed Reality</a></li>
<li><a href="https://medium.com/microsoft-design/designing-typography-insight-for-hololens-a55fc5fe025">Designing Typography Insight for HoloLens</a></li>
<li><a href="https://medium.com/microsoft-design/taking-the-leap-from-2d-to-3d-4199ccc777a1">Taking the Leap from 2D to 3D</a></li>
<li><a href="https://developer.microsoft.com/en-us/windows/mixed-reality/Gestures.html#Manipulation">Gestures</a></li>
</ul>
General VR Resources:
<ul>
<li><a href="https://www.reddit.com/r/VRplugins/">This is a reddit dedicated to any vr plugin for ANY engine * r/VRplugins</a></li>
<li><a href="https://design.google/library/method-podcast-episode-3/">Method Podcast, Episode 3</a></li>
<li><a href="https://drive.google.com/file/d/0B19l7cJ7tVJyRkpUM0hVYmxJQ0k/view">VisualDesignMethodsforVR_MikeAlger.pdf</a></li>
</ul>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F116101132&amp;dntp=1&amp;url=https%3A%2F%2Fvimeo.com%2F116101132&#038;image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F502348922_1280.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=vimeo" width="1280" height="720" frameborder="0"><a href="https://medium.com/media/512860e45844607e200e63e10b09b480/href">https://medium.com/media/512860e45844607e200e63e10b09b480/href</a></iframe>
<ul>
<li><a href="https://developer.leapmotion.com/explorations#110">Explorations in VR</a></li>
<li><a href="http://store.steampowered.com/app/803010/Supermedium__Virtual_Reality_Browser/">Supermedium &#8211; Virtual Reality Browser on Steam</a></li>
</ul>
Audio:
<a href="https://developers.google.com/resonance-audio/develop/overview">Overview | Resonance Audio | Google Developers</a>
Online Classes:
<ul>
<li><a href="https://www.lynda.com/Unreal-Engine-tutorials/Welcome/482055/512182-4.html?srchtrk=index%3A1%0Alinktypeid%3A2%0Aq%3AVirtual+Reality+%0Apage%3A1%0As%3Arelevance%0Asa%3Atrue%0Aproducttypeid%3A2">Welcome</a></li>
<li><a href="https://learn.vrdev.school/">VR Dev School</a></li>
</ul>
User Interface:
<img alt="" src="https://cdn-images-1.medium.com/max/700/1*ktobqOnJnLaKwPlzxQlDNw.gif">
<ul>
<li><a href="https://github.com/aestheticinteractive/Hover-UI-Kit">aestheticinteractive/Hover-UI-Kit</a></li>
<li><a href="https://github.com/Centroida/CentroUI">Centroida/CentroUI</a></li>
<li><a href="https://github.com/thestonefox/VRTK">thestonefox/VRTK</a></li>
<li><a href="https://docs.microsoft.com/en-us/windows/uwp/design/downloads/index">Design toolkits and resources for UWP apps &#8211; UWP app developer</a></li>
<li><a href="https://medium.com/microsoft-design/designing-typography-insight-for-hololens-a55fc5fe025">Designing Typography Insight for HoloLens</a></li>
<li><a href="http://blog.leapmotion.com/beyond-flatland-user-interface-design-vr/">Beyond Flatland: User Interface Design for VR</a></li>
</ul>
WebVR, WebAR, WebGL2 &amp; WebGPU:
<ul>
<li><a href="https://medium.com/arjs">ARjs</a></li>
<li><a href="https://uxdesign.cc/the-complete-guide-for-web-vr-and-immersive-experiences-220ce6fbb110">The Complete Guide For Web VR and immersive experiences</a></li>
<li><a href="https://webvr.rocks/">WebVR Rocks</a></li>
<li><a href="https://github.com/aframevr/a-painter">aframevr/a-painter</a></li>
<li><a href="https://hacks.mozilla.org/2017/11/a-super-stable-webvr-user-experience-thanks-to-firefox-quantum/">A super-stable WebVR user experience thanks to Firefox Quantum &#8211; Mozilla Hacks &#8211; the Web developer blog</a></li>
<li><a href="https://github.com/networked-aframe/networked-aframe">networked-aframe/networked-aframe</a></li>
<li><a href="https://aframe.io/">A-Frame &#8211; Make WebVR</a></li>
</ul>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fembed_code%2Fkey%2F1U7TtAPUx83eoO&amp;url=https%3A%2F%2Fwww.slideshare.net%2Ffitc_slideshare%2Fweb-vr-fitc&#038;image=https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fwebvr-fitc-140920195609-phpapp02-thumbnail-4.jpg%3Fcb%3D1448334836&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=slideshare" width="600" height="500" frameborder="0"><a href="https://medium.com/media/4b913f4075e5ce141b576a61e0c8befb/href">https://medium.com/media/4b913f4075e5ce141b576a61e0c8befb/href</a></iframe>
3D/2D Assets:
<ul>
<li><a href="https://blackthread.io/gltf-converter/">Convert 3D models to GLTF</a></li>
<li><a href="https://poly.google.com/">Poly</a></li>
<li><a href="https://www.simplygon.com/">Simplygon Studios</a></li>
<li><a href="https://assetstore.unity.com/">Asset Store</a></li>
<li><a href="https://ephtracy.github.io/">MagicaVoxel</a></li>
<li><a href="http://www.minddesk.com/">Qubicle Voxel Editor for Mobile Game Development, Modding, 3D-Printing</a></li>
<li><a href="https://www.3dfordesigners.com/">3D for Designers</a></li>
</ul>
Inspiration:
<ul>
<li><a href="https://experiments.withgoogle.com/">Experiments with Google</a></li>
<li><a href="https://retold.withyoutube.com/">The Greatest Stories Retold</a></li>
</ul>
Motion/VFX:
<a href="https://pybullet.org/wordpress/">Bullet Real-Time Physics Simulation | Home of Bullet and PyBullet: physics simulation for games, visual effects, robotics and reinforcement learning.</a>
Video:
<ul>
<li><a href="http://www.kolor.com/gopro-vr-player/download/">Kolor | Download GoPro VR Player</a></li>
<li><a href="https://www.videoblocks.com/videos/footage/360-files">Download Royalty-Free HD VR and 360 Videos &#8211; Videoblocks</a></li>
</ul>
Imagery:
<a href="https://www.flickr.com/groups/360degrees/">360°</a>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=90a57498220e" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/vr-and-mixed-reality-resources-90a57498220e">VR and Mixed Reality Resources</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

VR and Mixed Reality Resources

VR, AR and Mixed Reality Resources

Top Stories