+ All Categories
Home > Software > Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D

Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D

Date post: 13-May-2015
Category:

Software
Upload: devconfu
View: 160 times
Download: 3 times
Download Report this document
Share this document with a friend
Description:
ViziCities is an open-source 3D city visualisation platform powered by OpenStreetMap, WebGL and many other cutting-edge Web technologies. Think SimCity meets the real world! In this talk, Robin Hawkes, ViziCities' co-creator and Lead Developer will highlight the development issues experienced along the way and show you how he overcame them – ranging from how you tackle the realtime processing of thousands of 3D buildings without locking up the browser, to how you visualise the entire world without needing a server or your own geographic data source.
104
Transcript
Page 1: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 2: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 3: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 4: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 5: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 6: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 7: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 8: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 9: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 10: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 11: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 12: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 13: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 14: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 15: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 16: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 17: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 18: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 19: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 20: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 21: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 22: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 23: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 24: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 25: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 26: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 27: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 28: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 29: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 30: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 31: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 32: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 33: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 34: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 35: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 36: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 37: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 38: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 39: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 40: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 41: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 42: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 43: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 44: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 45: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 46: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 47: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 48: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 49: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 50: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 51: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 52: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 53: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 54: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 55: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 56: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 57: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 58: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 59: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 60: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 61: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 62: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 63: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 64: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 65: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 66: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 67: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 68: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 69: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 70: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 71: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 72: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 73: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 74: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 75: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 76: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 77: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 78: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 79: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 80: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 81: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 82: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 83: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 84: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 85: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 86: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 87: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 88: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 89: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 90: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 91: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 92: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 93: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 94: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 95: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 96: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 97: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 98: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 99: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 100: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 101: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 102: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 103: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D
Page 104: Robin Hawkes - Using OpenStreetMap and WebGL to create real-world cities in 3D

Recommended
Gieves & Hawkes

Gieves & Hawkes

Documents

Paul hawkes

Paul hawkes

Documents

DEVELOPER DAY #KhronosDevDay...DEVELOPER DAY #KhronosDevDay. Agenda for WebGL segment Demos WebGL 2.0 Update WebGL 2.0 Compute Key extensions being developed KHR_parallel_shader_compile

DEVELOPER DAY #KhronosDevDay...DEVELOPER DAY #KhronosDevDay. Agenda for WebGL segment Demos WebGL 2.0 Update WebGL 2.0 Compute Key extensions being developed KHR_parallel_shader_compile

Documents

SV WebGL/WebVR GDC 2019 Meetup - Khronos Group › ... › WebGL-WebVR-Meetup-GDC-Mar19.pdfSV WebGL/WebVR GDC 2019 Meetup The Khronos Group WebGL Update from Browser Implementers Demos

SV WebGL/WebVR GDC 2019 Meetup - Khronos Group › ... › WebGL-WebVR-Meetup-GDC-Mar19.pdfSV WebGL/WebVR GDC 2019 Meetup The Khronos Group WebGL Update from Browser Implementers Demos

Documents

WebGL Primetime!

WebGL Primetime!

Technology

WebGL Export - na-mic.org

WebGL Export - na-mic.org

Documents

JSC WebGL Spider Model

JSC WebGL Spider Model

Documents

WebGL and the Visual Web Ecosystem - Khronos Group · 2014-04-08 · JavaScript, HTML, CSS, ... WebGL Implementation Anatomy JavaScript Middleware WebGL HTML5 JavaScript CSS Browser

WebGL and the Visual Web Ecosystem - Khronos Group · 2014-04-08 · JavaScript, HTML, CSS, ... WebGL Implementation Anatomy JavaScript Middleware WebGL HTML5 JavaScript CSS Browser

Documents

Hawkes Postmodernism

Hawkes Postmodernism

Documents

WebGL Tutorial

WebGL Tutorial

Documents

On-the-fly Tile Generator for OpenStreetMap Data Using WebGL · two powerpoint presentations, one on OSM basics and one on vector tiles. I have described each in turn, below. 2.1

On-the-fly Tile Generator for OpenStreetMap Data Using WebGL · two powerpoint presentations, one on OSM basics and one on vector tiles. I have described each in turn, below. 2.1

Documents

WebGL Fundamentals

WebGL Fundamentals

Technology

Terms - OpenStreetMap · 1.2 OpenStreetMap Data Quality Assurance 5 Chapter 2 OpenStreetMap Data Quality 7 2.1 A guide to Digitizing Objects in OpenStreetMap 7 2.1.1 Drawing Objects

Terms - OpenStreetMap · 1.2 OpenStreetMap Data Quality Assurance 5 Chapter 2 OpenStreetMap Data Quality 7 2.1 A guide to Digitizing Objects in OpenStreetMap 7 2.1.1 Drawing Objects

Documents

OpenStreetMap @

OpenStreetMap @

Technology

Practical Texturing (WebGL )

Practical Texturing (WebGL )

Documents

WebGL · Title: WebGL Author: Carlos Samuel Cantero Gonzalez Keywords: WebGL, Web3D, Canvas Created Date: 10/7/2011 4:00:19 PM

WebGL · Title: WebGL Author: Carlos Samuel Cantero Gonzalez Keywords: WebGL, Web3D, Canvas Created Date: 10/7/2011 4:00:19 PM

Documents

OpenGL and WebGL

OpenGL and WebGL

Documents

WebGL: Yesterday, Today, Tomorrow

WebGL: Yesterday, Today, Tomorrow

Technology