I’ve been working on an A-Frame hobby project Streetmix3D which creates a 3D version of streetscapes designed using the drag and drop builder (Streetmix started as a Code for America hackathon project and has been faithfully maintained as an open source project for the past seven years!)

The visual style of Streetmix3D started out with voxel stylized graphics created in Magicavoxel (left). I then experimented with using a photorealistic “custom photo” style texture I made using photogrammetry techniques and made into a simple repeating texture using Substance Bitmap-to-Material (right).

Image for post
Image for post

While I liked the look of the “custom photos style”…

I’m working on a WebXR project using the fabulous A-Frame WebXR framework but I’m struggling to understand how to make sound effects from various objects in my scene play at the proper volume for the in-VR experience at various distances. It just doesn’t make sense to me intuitively, so I decided to look under the hood and writeup my findings.

What is the A-Frame Sound Component?

A-Frame’s sound component is a wrapper around the three.js PositionalAudio object which itself relies on the Web Audio API. (Turtles all the way down.)

The A-Frame sound component exposes the following properties pasted here as an image for convenience:

Image for post
Image for post


Image for post
Image for post
A guest pushes a bus controller as part of the interactive Magic Matta project. Photo Credit: Mariah Tiffany

I joined as an artist for the San Francisco Gray Area Foundation’s Incubator Program from January to June this year 2019. I had a great time, met some great artists, shipped a fun v1 of a project, and learned a lot about what it means to be an artist vs. incubate a company. This blog post is a quick overview of the experience and the final showcase.

Why did I join this program?

I have been experimenting with developing experimental VR gaming and non-gaming experiences using the open-source A-Frame WebVR framework for a few years. …

This is a step-by-step guide to build your own BabyPi computer for a toy to teach basic typing, letters and numbers.

Image for post
Image for post

(You can read more about the “why” behind making the BabyPi here in Part 1: “BabyPi,” a simple Raspberry Pi powered toy computer for kids.)

Or continue on below for simple instructions to make your own.

This takes about 2 hours and supplies cost at least $65 to $350 and up depending on how much you use existing peripherals like a keyboard and screen, or splurge on new components.

List of Parts

Depending on what parts you might have lying around, you…

Introducing the BabyPi — a simple way to teach letters of the alphabet, numbers and basic drawing for learners of all ages running on the low cost and open Raspberry Pi platform.

Image for post
Image for post
A picture of the finished product (flower drawing not included, you’ll need to provide your own drawing skills)

From crypto-pets to Rare Pepes, the possibilities are endless.

Image for post
Image for post
A rendering of a 3D prototype of a CryptoPet

As we prepare for the conclusion of our Land Auction, many in the community have turned their focus towards development. For example, each Decentraland District is targeting a specific interest or activity. Large blockchain projects (such as major exchanges) have also participated, with plans to develop new experiences within Decentraland.

Today, we’d like to cover a development possibility that will have major ramifications: crypto-collectibles. But before you start using Decentraland to breed virtual Ethereum cats, let’s take a look at the impact crypto-collectibles could have.

A Beginners Guide to Crypto-Collectibles

Before we get carried away, let’s review what a crypto-collectible is:

A crypto-collectible is a…

This blog post is a summary of our experience teaching a WebVR lesson at a summer enrichment program for middle school students using A-Frame, Glitch, a standard computer lab, and the students’ mobile phones.

In July I was kindly invited to help lead a half-day session as part of a virtual reality course taught by Azine Davoudzadeh. This course was part of the “Imagineering” program — a STEAM enrichment program supported by the San Ramon Valley Education Foundation. …

Here are some quick notes on making an A-Frame deserted island scene using IPFS. These instructions are for a Windows PC. This guide focuses just on the IPFS components not on A-Frame specifically.

Image for post
Image for post

#1 Install IPFS.

Install IPFS following the IPFS directions on the website for your platform. You’ll need to add ipfs to your system path, reminder on Windows that it takes clicking through a few dialog boxes to get there.

#2 Do the first 2 steps of the getting started guide.

Follow the first 2 steps of the IPFS getting started guide so that you see the readme file in your command prompt window as follows:

Hello and Welcome to IPFS! ██╗██████╗…

As early as I can remember I have loved playing with toy cars and trucks. Whether Hot Wheels, LEGO, or Micro Machines, if it had wheels I could use it for my elaborate imaginary city scenes.

Image for post
Image for post
A few screenshots from an early version of A-Frame City Builder

This idea of a toy city is what inspired me to create A-Frame City Builder, a basic “city builder” style WebVR app as a side project starting late 2016.

Using the WebVR framework A-Frame I was able to quickly combine the whimsical artistry of Mike Judge’s city voxel models into an early proof of concept app that let the user place voxel cars and…

Kieran Lee Farr

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