← Back

AR Map of the Dream Machine

Role: Developer, 3D Artist
Tools: HTML/CSS, JavaScript, TinkerCAD, Paint 3D

What is the Dream Machine?

The Dream Machine is a large climbing structure within the National Children’s Museum. It spans all 3 of the museum's floors and is a visitor favorite.

The Problem

Many adult visitors have a hard time conceptualizing the Dream Machine, causing worry when their children are climbing it.

Photo courtesy of the National Children's Museum.

(Not Exactly) The Solution

For a partial solution, I devised that an augmented reality map of the Dream Machine may help. This would require nothing of a visitor other than having a phone (or device with a camera) and internet access, which the museum provides. The visitor can scan the QR code (as seen above), and will be taken to a website where they can scan the QR code once more to see the 3D map.

How it was made

For the model of the Dream Machine, although not entirely finished yet, I used TinkerCAD and Paint 3D. Both are very beginner friendly 3D CAD tools that can create robust solutions. For the backend, I used HTML & MindAR.js. MindAR.js is a powerful JavaScript library for web AR. The website is hosted using a GitHub repository and Netlify.

Unfinished

By the end of my internship, this project was still in progress. While everything is in working order, the 3D model is still to be expanded (not all of the Dream Machine is built out yet) and optimized for AR. Touch controls for visitors to pan and zoom in on the model would be another added feature.