Aframe Is an easy, effective, and free way to program Web VR. It is based on three.js, but it is its own language programmed in a completely different way, though you can still access all the three.js functionality. The beauty of AFrame is you can make a fully interactive VR room compatible with any internet…
How To Teleport In The Mobile Version of Aframe
So far I have not seen teleportation used in any mobile VR experiences, and I don’t see why. We should be using it more, I don’t know about you but I prefer being able to control my own moment instead of being along for the ride. But that’s why I made this tutorial about my favorite method: Waypoints They are my…
How To Make And Use Aframe Components
What is a component? And why would you want to make one? A component is something that even without realizing it you use every time you code in HTML. Let me give you a few examples from Aframe: id=”thisId” or location=”0 1.6 0″ or even wasd-controls. These are all components. So why would you want to…
How To Use A Canvas As A Texture In Aframe
^wasd controls enabled^ So, why would you want to use a canvas as a texture? Well, It basically makes it so you have a 3D canvas that you can control as easily as a regular canvas. This allows you to make things like screens, signs, heads-up displays, and literally anything else. Getting started Here is the code for the…
How To Embed AFrame Into WordPress
It’s a very frustrating moment, you have just finished your awesome tutorial on how to use AFrame. You want to embed an example on your webpage because that’s what AFrame is for. So you go to the text editor and you painstakingly write your demo code perfectly. Then you switch to the visual editor and… It’s…
What is AFrame, And What Can It Do?
What is AFrame? The short answer is that it is a webVR plugin that allows you to put 3D and VR programs in any web page. Let me show you the possibilities: What you see above is the aframe demo program, It is ten lines of code and is compatible with every major VR headset…
How To Make A Button In AFrame
Hi! In this tutorial, we will learn how to make a 3D object that can be clicked on. This tutorial is for my Mobile VR series, so it is more geared toward mobile devices but is still compatible with other devices using a few tweaks. Getting Started I use PhoneGap to prototype my apps but…
Getting Started With AFrame for mobile VR
What is AFrame? AFrame is a javascript plugin web framework that allows you to create 3d and VR programs very easily, It is open source and similar to (but no based on) three.js. Getting Started To get started check out the previous article in this series: Getting Started Programming Mobile VR For FREE With AFrame. This will…
Getting Started Programming Mobile VR For FREE With AFrame
Hi, you’re here because you want to make mobile VR apps. For these tutorials I am going to be using PhoneGap and AFrame, though, they should work for just AFrame. PhoneGap I suggest using PhoneGap to prototype your apps. It just makes everything easier, you don’t need it to make apps but it just makes…
How To Program VR Apps For Any Phone From Any Device
Hi everyone, sorry that it’s been a while since I’ve posted. I’ve been working on getting my youtube channel up and running. But anyway, back to the article: So for a while now I have wanted to create apps for my phone, but there were several problems. Pretty much all of them being that I have…