Mapmaking (the Map of Mainframe)

The Map of Mainframe is done entirely for free. However, if you’re interested in seeing more art by Cameron Ohara, see our Support the Site page for details.

This is the archive page.  All steps are located here.

Cartography is a beautiful combination of science, art, and technique.  It’s also a discipline perfectly suited for a website that focuses on art and science (as this one does).

Over the next few months, we will be going through a step-by-step mapmaking tutorial.  This project’s focus will be the fictional world of Mainframe from the animated television series ReBoot.

A lot of mapmaking these days is done on the computer (Mainframe is certainly no exception!), but we’re going to do everything by hand.  Be warned – this undertaking is not for the weak of heart!  Mainframe was built using precision-perfect computers.  All we’ll have is a pencil, a ruler and a good eye.  But you’re more than welcome to just follow along out of sheer morbid curiousity.  You sadist, you. ;)

PART ONE: What are you gonna draw? and on what?


How much detail you want to put into your map is really up to you.  But the city of Mainframe is a very well-built and detailed piece of architecture.  So I want to add as much detail as possible.

So my canvas is 41 x 31.5 cm.  It’s also high(ish) quality paper that is acid-free.  You’re going to be doing a lot of erasing, so if the paper will wear out quickly if it’s too cheap.

All right.  You’ve got the paper.  Grab a pencil and a ruler.  It’s time to start measuring!  Here are the dimensions I chose.

ReBoot map 1

Sept. 17, 2018

The official image of Mainframe above shows the city at a slight angle, but for the sake of my own sanity, I’ve put the city so it’s sitting square.

Today’s motto: measure twice, draw once.  The key point in measuring and sketching everything out is that we need to have a good idea of where everything is going to be in relation to everything else.  The Principle Office, of course, is in the centre, and then the concentric rings that can be seen from above the city will be good measure for this.

The city also has high walls surrounding it.  I’ve put the wall on the bottom a little lower so I can add more detail to the buildings inside.  The Principle Office should sit higher than these walls, and in fact, I think I might raise it a little more.  And although its current size makes the rest of the city seem vast in comparison I might make it a little bigger next time.



Pinnacle Elite – The Principle Office (in rough)! I always find it easiest to start at the centre of a picture and work my way out. But there are a few other locations that I’m going to add in next.

Speaking of locations to feature – here is my list:


Dot’s Diner

Algorithm Theater

Kits Sector

Bob’s Apartment

Jet Ball grounds

the ports and control tower

Giedi Prime

the Silicon Tor

Al’s Wait and Eat

Pearson’s Data Dump

energy park

Beverly Hills

energy park


the Principle Office

Lost Angles and the Guilded Gate Bridge

Bob’s V262 Turbo

a code master portal

(Oct 19 edit): Electro-Cinematek from ‘High Code’

VidWindows for: the Mainframe Strolling Players, Bucket-O-Nothing, Paint, Incoming Upgrade, Bride of Frankenome, “You Could Be Zipping”

Let me know if there’s something else I should add!

I suppose I should also say that this is going to be a diagram more than an actual map (perhaps I’ll also try to make an actual map), and that I’m planning to use a good measure of artistic license to highlight and feature some of the different locations.

Final thought: I know last time I said that measuring twice and drawing once was key, but I decided to backtrack a little since last time. The image of Mainframe that I had first been using showed Wall Street in the foreground. But after considering the locations I wanted to feature in this map, I decided it would be best to rotate Mainframe so Kits Sector is facing us. That way I can draw all the skyscrapers in the background where they obstruct nothing.

To be continued…



Lost Angles – formerly the twin city of Mainframe, which was destroyed when one Welman Matrix tried to open a portal to the Net. All that remained of the city after the explosion was the small island connected by a warped suspension bridge called the Guilded Gate Bridge.

Lost Angles will be one of the more simple locations to draw on this map, simply because it’s separated from the rest of the city and doesn’t affect the placing of other buildings and locations around it. I really wanted to include some of the artwork that Hexadecimal made on the buildings from the episode “Painted Windows,” but the area is just too small to include that kind of detail. In fact, I’ve already enlarged the island in relation to Mainframe quite a bit. If I hadn’t, you would have barely been able to see landmarks even as big as Hex’s Tower. The city of Mainframe is just enormous compared to Lost Angles when shown in the ReBoot media.

Thanks to everyone on Twitter and Reddit for recommending places to include on this map. I’m going to try to squeeze them all in! I’m also looking for vidwindow content to put up around the city, so let me know if you have any ideas!



Floating Point Park rough


Floating Point Park less rough

Floating Point Park was difficult because there’s not a lot of images of it online.  So I watched the intro to season 2 (right when Bob says “Mainframe” in slow motion back and forth about a hundred times, as I slowly traced out the general layout of the park.  I also used this image for reference:


Floating Point Park – bird’s eye view (from the ReBoot Wikia)

This park is an absolute work of art with all its shapes and colours.  It is amazing and I feel a little bit of artist Brendan McCarthy in it (although I’m not sure how much of a hand he played in its design).

So over the course of two nights, I got a pretty good feel of the park.  I’m going to leave it as is (the 2nd image above) for now and work on the other sectors.  I may have to erase or relocate certain elements if they clash with other locations in the future.

This past week I also become reacquainted with ReBoot Revival and will definitely be using some of their high-resolution images to complete detailing on future updates.  Thanks, Glitch Bob!

images (12)-197680455..jpg

In watching the season 2 intro, I also rewatched the season 2 episode “High Code” and found some cool new locations and vid-windows I could try to add.  I also finally figured out where Dot’s Diner is on the Mainframe map!  Too cool!  Now if I can only find Bob’s apartment…


Floating Point Park less rough