World Building: Adding Background to your VR World, and Giving Texture to your Shapes

In the last lesson, we learned how to get started with A-Frame with just a few lines of code in an HTML document:

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
  1. Load into image hoster
  2. Add image source as <a-asset></a-asset>. I’m calling my asset an “angry-bird”, and I’m going to add the image as a wrap for a geometric primitive: <a-sphere src=“#angry-bird”></a-sphere>. See below:
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Written by

Documentation and tutorials on Python, Programming, and Data Analysis. FPL Addict. Occasionally writing about biohacking, PMing, and food.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store