Here is a quick example so you can see what I mean: ^you can move with wasd^ loosely based on this example here. Code here: <script src=”https://aframe.io/releases/0.8.0/aframe.min.js”></script> <script> AFRAME.registerComponent(‘spectator’,{ ‘schema’: { canvas: { type: ‘string’,…
All posts in Blog
How to get input from VR controllers in Aframe
Hi everyone, just putting out a quick article on this because I could not find anything on how to use the joystick or touchpad on my Windows Mixed Reality controllers, so I thought I would just show you how I did It. And just a quick disclaimer that this should work for Oculus Rift and…
Deep Dive: The Basics of How To Use Aframe Entities
The <a-entity> tag is the basic building block of Aframe, therefore it is important to understand how it works. The <a-entity> tag (can I just say entity?) is what you are going to use to put anything into your scene, from the basic cube all the way to a cursor. The first thing we want…
Deep Dive: How Aframe Is structured
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 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…
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…
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…