Tweet
Tweet

Slide 1

Slide 1 text

Mini Tokyo 3D AKIHIKO KUSANAGI

Slide 2

Slide 2 text

Z±µ™ u ( I B ) u Cognite CTO Japan u 2016 o u u MapR Technologies u EMC (Greenplum) u Oracle u Sun Microsystems Twitter: @nagix

Slide 3

Slide 3 text

kR @D=5 u Mini Tokyo 3D u

Slide 4

Slide 4 text

Mini Tokyo 3D 3 2019 VLED

Slide 5

Slide 5 text

3D MINI TOKYO 3D

Slide 6

Slide 6 text

Mini Tokyo 3D: Š  e., " !

Slide 7

Slide 7 text

https://minitokyo3d.com Mini Tokyo 3D

Slide 8

Slide 8 text

Mini Tokyo 3D ·w u 3D u 6 C C 6 C 3D o u A u 3D 6 C u PC6 6 6 6 t Web B a Web https://minitokyo3d.com

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Mini Tokyo 3D m`% s¸ u 6 u u B DA

Slide 11

Slide 11 text

Mini Tokyo 3D m`% s¸ u 6 u 21 5 6) 6 6 6 C B A u 1 250 1 250

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Mini Tokyo 3D m`% s¸ u 6 u 1 250 u C u

Slide 14

Slide 14 text

Slide 15

Slide 15 text

2012": *&Now

Slide 16

Slide 16 text

+ ( u C u u 2000 u C

Slide 17

Slide 17 text

BP@: Mini Metro

Slide 18

Slide 18 text

: Mini Tokyo

Slide 19

Slide 19 text

Leaflet + D3.js u Leaflet: Web u u D3.js: u SVG

Slide 20

Slide 20 text

´* t!– u SVG 6 o o u Easing a g

Slide 21

Slide 21 text

– !—‘Ÿ M0P 4E:=@ o CnD D o C X 6 o

Slide 22

Slide 22 text

› u 6 GPU 6 C 9 u g

Slide 23

Slide 23 text

Mapbox GL JS

Slide 24

Slide 24 text

Mapbox GL JS u WebGL JavaScript u u Extrusion 3D u

Slide 25

Slide 25 text

GeoJSON Turf.js u GeoJSON: X 6 6 u Turf.js: GeoJSON i JavaScript

Slide 26

Slide 26 text

Slide 27

Slide 27 text

GN6F<CK¹'geCK

Slide 28

Slide 28 text

!

Slide 29

Slide 29 text

.,)-

Slide 30

Slide 30 text

u u B a6 o o u 3 2 N/O<0I_,'!…• , 8:42 8:44 8:46 ( ( ( 8:43 8:45 8:47 ( ( ( ↑ ↑ 1 ↑

Slide 31

Slide 31 text

4QT”dŒ u 7 u 6 6 6 6 u 2

Slide 32

Slide 32 text

AE3HP9§ u 6 u Mapbox GeoJSON Extrusion 2 u u

Slide 33

Slide 33 text

three.js u three.js: WebGL 6 JavaScript u Mapbox u three.js 6

Slide 34

Slide 34 text

v«p | u o u 6 u 1 2 u i D u 1fps u u 6 u

Slide 35

Slide 35 text

ƒšvašl.{n$

Slide 36

Slide 36 text

Slide 37

Slide 37 text

bi!Še )

Slide 38

Slide 38 text

—‘¬¦?<.OepnStreetMap * overpass turbo OpenStreetMap

Slide 39

Slide 39 text

{n#&, u 1 C u i 6 25

Slide 40

Slide 40 text

2019S9[9R: ˆ£15­ u u 6e u 400 500 u

Slide 41

Slide 41 text

2019S10[12R: ˆ£19­ u 15 6 A u 6 u u o

Slide 42

Slide 42 text

¤Xu!²d¤" u 2 1 u 1 u u 2

Slide 43

Slide 43 text

+#$

Slide 44

Slide 44 text

Slide 45

Slide 45 text

5]³1kmJ=7K8œ© ¥~‚° Powered by Python

Slide 46

Slide 46 text

GitHub 1,000 9<¢ u 1

Slide 47

Slide 47 text

รองรับภาษาไทย uनेपाल&लाई प)न समथ-न गद-छ

Slide 48

Slide 48 text

/('0

Slide 49

Slide 49 text

ª £’j, !

Slide 50

Slide 50 text

ª £’j, !

Slide 51

Slide 51 text

ª £’j, !

Slide 52

Slide 52 text

ª £’j, !

Slide 53

Slide 53 text

®\ ¤X69

Slide 54

Slide 54 text

®\ ¨X´ž— cf “¯‡q

Slide 55

Slide 55 text

%

Slide 56

Slide 56 text

?80P! u C 6 u IoT 6Bo 6 u n u u u

Slide 57

Slide 57 text

?80P *,Ž‰z u B 6 C u u u n nD u u

Slide 58

Slide 58 text

}VhPython¶yU @5 u 2015 5 27 u u IT u : u ? u u u :

Slide 59

Slide 59 text

- *Ss˜ u u u D u 1 2 u u o DX u 6 2 e C

Slide 60

Slide 60 text

„W ;E@12/€o u 6 a nD u C u u SaaS u P@7%',aGE/2*, u DevOpts u S?:UJBB` u :

Slide 61

Slide 61 text

?<† fr Yº u C u i : u u u u +(#45&5$+(L9+(S].!)1"5&- 25$ u u u nD D 9 u

Slide 62

Slide 62 text

4FP?< u COVID-19 i u u u NH><^NH><DMOH@VQ33_@ u AdKc_ u WbH@ u C u 2 u :

Slide 63

Slide 63 text

?< x¡‹ (= Contextualization) u X i i u a o o

Slide 64

Slide 64 text

?8

Slide 65

Slide 65 text

DX – u i A n C u 6 B 6 B 6 B 6 C : DX 1.0

Slide 66

Slide 66 text

{^_ u 6D C D D 9 u 1 u u u XZ 8F;=T u u u '03'(,R6 [I \YC

Slide 67

Slide 67 text

https://minitokyo3d.com Mini Tokyo 3D