Upload File

vizicities: creating real-world cities in 3d using openstreetmap and webgl

  • Home
  • Technology
  • ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
104

Upload: robin-hawkes

Post on 08-Sep-2014

27 views

Category:

Technology


6 download

Report

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.

TRANSCRIPT

Page 1: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 2: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 3: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 4: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 5: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 6: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 7: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 8: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 9: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 10: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 11: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 12: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 13: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 14: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 15: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 16: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 17: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 18: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 19: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 20: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 21: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 22: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 23: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 24: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 25: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 26: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 27: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 28: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 29: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 30: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 31: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 32: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 33: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 34: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 35: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 36: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 37: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 38: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 39: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 40: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 41: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 42: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 43: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 44: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 45: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 46: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 47: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 48: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 49: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 50: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 51: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 52: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 53: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 54: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 55: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 56: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 57: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 58: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 59: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 60: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 61: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 62: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 63: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 64: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 65: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 66: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 67: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 68: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 69: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 70: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 71: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 72: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 73: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 74: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 75: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 76: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 77: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 78: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 79: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 80: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 81: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 82: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 83: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 84: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 85: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 86: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 87: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 88: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 89: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 90: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 91: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 92: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 93: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 94: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 95: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 96: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 97: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 98: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 99: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 100: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 101: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 102: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 103: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL
Page 104: ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL

An Introduction to OpenStreetMap - pdxmelepdxmele.com/FOSS4G_OSM_workshop.pdf · An Introduction to OpenStreetMap! ... APIs, and GIS software OSM plugins ... • JOSM (Java OpenStreetMap

WebGL : Hands On

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

Babylon.js WebGL Paris

ENEI16 - WebGL with Three.js

WebGL - University of Pennsylvania

WebGL Insights Chapter 4

WebGL Tutorial

Beingopen - OpenStreetMap

WebGL 3D player

ViziCities - Lessons Learnt Visualising Real-world Cities in 3D

Introducing WebGL - beckassets.blob.core.windows.net · How WebGL compares to other graphics technologies Some basic linear algebra needed for WebGL In this chapter you will be introduced

HTML5 y WebGL

OpenStreetMap gps

Wk6 WebGL 2

On-the-fly Map Generator for OpenStreetMap Data Using WebGL › faculty › pollett › masters › Semesters › ... · This project describes an approach to create an On-the-fly

Openstreetmap Opendata

WebGL Primetime!

webgl - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/webgl.1pp.pdf · WebGL(Web Graphics Library) is a JavaScript API for rendering interactive 3D graphics

Firefox WebGL developer tools

OpenStreetMap Ouagadougou

OpenGL and WebGL

Back from BUILD - WebGL

Q tales project - WebGL

WebGL - An Overview

WebGL in Native Applications

OpenStreetMap @

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

WebGL I (All-round) · WebGL 기초-WebGL = Rasterization 엔진 - 웹브라우저내부에서실행되지만하드웨어GPU에서실행-GPU에서실행되는코드= 함수쌍형태(form

Practical Texturing (WebGL )

WebGL Crash Course

Understanding cities using ViziCities and 3D data visualisation

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

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

OpenStreetMap 101