Building Heights, City Rendering, Uncategorized

ReRun is in the appstore!

After experimenting on this OSM 3d building "stuff" for a while, I decided to make an app out of it and release this to the iOS appstore! While based on my old code base documented on this blog, this has now transitioned completely too swift and is using mostly metal, but also some scenekit for… Continue reading ReRun is in the appstore!

Building Heights, City Rendering, Google Cardboard, Uncategorized

Google Cardboard and OpenStreetMap

Here is what open street map data looks like when viewed through Google Cardboard. This was recorded on my iPhone 5S (ancient technology I know!). It is a block of data around Glasgow. The keen eyed of you may recognise the Glasgow City Chambers building at around 25 seconds in. You should be able to… Continue reading Google Cardboard and OpenStreetMap

Google Cardboard, Tutorial

Building Your first iOS Cardboard App

I had written most of this blog a while ago but hadn't gotten round to posting it due to being swamped with work and stuff! Deadlines were fast approaching and I was also sent down south to take part in a "hackathon" with some people that film cool stuff using drones! Anyway, better late that never..… Continue reading Building Your first iOS Cardboard App

City Rendering, PolyLines, Uncategorized

OSM Renderer – Polylines part 2

Rendering Polylines In part 1 I learned how to identify polylines and came up with a simple visual representation by drawing the polylines using the OpenGL "GL_LINES" primitive. This led to a network of lines representing the centres of roads/rivers/railway lines etc. Extracting the data To allow us to render the roads with some proper "width"… Continue reading OSM Renderer – Polylines part 2

PolyLines

OSM Renderer – Polylines part 1

Line Based Objects As you may have read in previous posts - a lot of the objects in open street map are represented as polygons, however, many other objects are represented as polylines. A polyline is simply a collection of points which together represent straight line segments. When chained together these line segments work together to… Continue reading OSM Renderer – Polylines part 1

City Rendering

Open Street Map video – Now in HD!

I decided the previous video could do with some improvements! This version now has a small route programmed for the camera to get rid of the jerky movement from the previous video. This video is also HD - in 1080p @ 48 fps as opposed to the previous 480p video. This video also introduces the rendering of… Continue reading Open Street Map video – Now in HD!

City Rendering, Uncategorized

OpenStreetMap in 3d Video!

As the old saying goes, a picture is worth a thousand words... A video however is much better than a picture! This video has been captured from an iPhone 5s using Quicktime movie recording. I know the video looks laggy, but this is mostly because of me not being very smooth with my finger gestures to… Continue reading OpenStreetMap in 3d Video!

Building Heights, City Rendering

Building Heights!

We have heights! To improve the realism of the building/city rendering the next step I took was to parse the building heights from the Open Street map objects. The height tag is described on the OSM Wiki here. The main points are as following:  the "height" tag of the way returns the maximum height of the… Continue reading Building Heights!

City Rendering, Lighting

Calculating normals + lighting

Lighting Basics The next step I took to improve the rendering was to add in lighting. Until now I had just gave everything a normal of "up". This meant that every surface of the building had the same brightness as the normal represents the direction the surface is facing. Basic is lighting is done by… Continue reading Calculating normals + lighting

City Rendering

Rendering Rooftops – Triangulating polygons

Now that we have the walls complete, I thought it would be a good time to move onto rendering the rooftops! Instead of having to triangulate the polygons myself, I looked online to find a triangular to do it for me. I stumbled across an old flipcode article that had a triangular in it. I simply… Continue reading Rendering Rooftops – Triangulating polygons