stefano bovio

interactive maps

[stefano bovio @allyoucanmap]

@datagistips @stevefaeembra @pokateo_ Just noticed that "Worst 3D map" seems duplicated in the list, 18 and 38

[stefano bovio @allyoucanmap]

@fmy2kec Congratulations!

[stefano bovio @allyoucanmap]

mixing old projects

-> tracking movement via camera to map an hand of a picture to interact with a map

image from @boschbot + map of Italy generated from ETOPO1 data

[stefano bovio @allyoucanmap]

⬜️🟫🟩🟨🟦

[stefano bovio @allyoucanmap]

testing 3D animation

- le galline

[stefano bovio @allyoucanmap]

@A_Salah01 It's a javascript application I did some time ago. Here you can find the repository if you want to take a look https://t.co/k7BowuPlBt

[stefano bovio @allyoucanmap]

reviewing an old project
audio + map
points 🔊

[stefano bovio @allyoucanmap]

map rotation
- roma
demo -> https://t.co/Z1vibwMOu2

[stefano bovio @allyoucanmap]

testing "you are here" multiplayers mini game

inputs:
- left arrow: move left
- right arrow: move right

goal:
- color as much buildings as possible

https://t.co/Y9BfyU4eUi
(temporary demo desktop only)

lib: matter.js + three.js + socket
data: OpenStreetMap

[stefano bovio @allyoucanmap]

test: switch map theme

[stefano bovio @allyoucanmap]

you are here

- collided area percentage

-> Kyoto

lib: matter.js + three.js + socket
data: OpenStreetMap

[stefano bovio @allyoucanmap]

you are here

- test multiplayer

-> Firenze

lib: matter.js + three.js + socket
data: OpenStreetMap

[stefano bovio @allyoucanmap]

you are here

- fix shadow and test movements

-> Genova

lib: matter.js + three.js
data: OpenStreetMap

[stefano bovio @allyoucanmap]

you are here

-> Firenze

lib: matter.js + three.js
data: OpenStreetMap

[stefano bovio @allyoucanmap]

pattern

[stefano bovio @allyoucanmap]

@047_abdul It's a js 2D physics engine, I used it to compute the sphere collisions with the buildings

[stefano bovio @allyoucanmap]

you are here

- Venezia

lib: matter.js + three.js
data: OpenStreetMap

[stefano bovio @allyoucanmap]

you are here

+ north arrow
+ colors on collisions

-> Torino

lib: matter.js + three.js
data: OpenStreetMap

[stefano bovio @allyoucanmap]

@utopiah @threejs thanks! yes, the height data comes from OSM even if some of the buildings had null value for this property
https://t.co/pR8Ra27kM4 .
Also levels property could be useful
https://t.co/Pjkkk6VxwA

[stefano bovio @allyoucanmap]

you are here

- fix buildings positions and collisions
- add 3D

lib: matter.js + three.js
data: OpenStreetMap