In our last tutorial, we set up our node js server. In this tutorial, we build on it and learn how to send messages to and from our server, for this we are using node js and socket IO. The first thing we want to do is install socket.io, we do this using our computer’s…
All posts tagged aframe
Setting up and Testing AFrame With Node JS
So a big struggle for me and many others is when programming with AFrame you cant load assets from your computer, stuff like images or 3d models. You can only get assets if they are hosted on a website. While this is easily fixed by developing on Git-Hub, Glitch, Nocities, or Surge, (All recommended by…
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 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…