1 of 123

Project Geollery.com: Reconstructing a Live Mirrored World With Geotagged Social Media

Ruofei Du, David Li, and Amitabh Varshney

{ruofei, dli7319, varshney}@umiacs.umd.edu | www.Geollery.com | Web3D 2019, Los Angeles, USA

UMIACS

THE AUGMENTARIUM

VIRTUAL AND AUGMENTED REALITY LAB

AT THE UNIVERSITY OF MARYLAND

COMPUTER SCIENCE

UNIVERSITY OF MARYLAND, COLLEGE PARK

Project Geollery.com: Reconstructing a Live Mirrored World With Geotagged Social Media

2 of 123

Introduction

Social Media

2

image courtesy: plannedparenthood.org

3 of 123

Introduction

Social Media + Topics

3

image courtesy: huffingtonpost.com

4 of 123

Motivation

Social Media + XR

4

5 of 123

Motivation

Social Media + XR

5

image courtesy:

instagram.com,

facebook.com,

twitter.com

6 of 123

Motivation

2D layout

6

image courtesy:

pinterest.com

7 of 123

Motivation

Immersive Mixed Reality?

7

image courtesy:

viralized.com

8 of 123

Motivation

Pros and cons of the classic

8

9 of 123

Motivation

Pros and cons of the classic

9

10 of 123

Related Work

2D Geospatial Visualization

10

11 of 123

Related Work

2D Geospatial Visualization

11

12 of 123

Related Work

3D Geospatial Visualization

12

13 of 123

Related Work

Social Street View, Du and Varshney

Web3D 2016 Best Paper Award

13

14 of 123

Related Work

Social Street View, Du and Varshney

Web3D 2016 Best Paper Award

14

15 of 123

Related Work

Social Street View, Du and Varshney

Web3D 2016 Best Paper Award

15

16 of 123

Related Work

Social Street View, Du and Varshney

Web3D 2016 Best Paper Award

16

17 of 123

Related Work

VirtualOulu: Toni Alatalo et al.

Web3D 2016

17

18 of 123

Related Work

Virtual Oulu, Kukka et al.

CSCW 2017

18

19 of 123

Related Work

3D Visual Popularity

Bulbul and Dahyot, 2017

19

20 of 123

Related Work

Immersive Trip Reports

Brejcha et al. UIST 2018

20

21 of 123

Related Work

High Fidelity, Inc.

21

22 of 123

Related Work

Facebook Spaces, 2017

22

23 of 123

Geollery

A Mixed-Reality Social Media Platform, CHI 2019

23

24 of 123

Geollery.com

A Mixed-Reality Social Media Platform

24

25 of 123

What's Next?

Research Question ⅓

Du et al. Geollery, CHI 2019.

25

What may a social media platform look like in mixed reality?

26 of 123

What's Next?

Research Question ⅔

Du et al. Geollery, CHI 2019.

26

What if we could allow social media sharing in a live mirrored world?

27 of 123

What's Next?

Research Question 3/3

Du et al. Geollery, CHI 2019.

27

What use cases can we benefit from social media platform in XR?

28 of 123

System Overview

Geollery V1 Workflow

28

29 of 123

Design Space

Geollery vs. Social Street View

Du et al. Geollery, CHI 2019.

29

30 of 123

User Study

Quantitative Evaluation

Du et al. Geollery, CHI 2019.

30

31 of 123

Insights

What we learned

31

High-quality content and seed users play key roles

32 of 123

Insights

What we learned

32

Interactivity and panoramic textures increase immersion.

33 of 123

33

[I will use it for] exploring new places. If I am going on vacation somewhere, I could immerse myself into the location. If there are avatars around that area, I could ask questions.

P1 / M

34 of 123

34

I think it (Geollery) will be useful for families. I just taught my grandpa how to use Facetime last week and it would great if I could teleport to their house and meet with them, then we could chat and share photos with our avatars.

P2 / F

35 of 123

35

What if we could reconstruct a high-quality, all textured, walkable mirrored world with geotagged social media in real time?

36 of 123

Geollery.com

v2: a major leap

36

37 of 123

System Overview

Geollery Workflow

37

38 of 123

System Overview

Geollery Workflow

38

39 of 123

System Overview

Given (latitude, longitude)

39

40 of 123

System Overview

2D Map Data

40

41 of 123

System Overview

2D Map Data

41

42 of 123

System Overview

+Avatar

42

43 of 123

System Overview

+Avatar +Trees +Clouds

43

44 of 123

System Overview

+Avatar +Trees +Clouds +Night

44

45 of 123

System Overview

Street View Panoramas

45

46 of 123

System Overview

Street View Panoramas

46

47 of 123

System Overview

Street View Panoramas

47

48 of 123

System Overview

Geollery Workflow

48

49 of 123

System Overview

Geollery Workflow

49

50 of 123

System Overview

Geollery Workflow

50

51 of 123

System Overview

Geollery Workflow

51

All data we used is publicly and widely available on the Internet.

52 of 123

Rendering Pipeline

Close-view Rendering

52

53 of 123

Rendering Pipeline

Initial spherical geometries

53

54 of 123

Rendering Pipeline

Depth correction

54

55 of 123

Rendering Pipeline

Intersection removal

55

56 of 123

Rendering Pipeline

Texturing individual geometry

56

57 of 123

Rendering Pipeline

Texturing with alpha blending

57

58 of 123

Rendering Pipeline

Rendering result in the fine detail

58

59 of 123

Rendering Pipeline

Rendering result in the fine detail

59

60 of 123

Rendering Pipeline

Rendering result in the fine detail

60

61 of 123

Rendering Pipeline

Close-view Rendering

61

62 of 123

Rendering Pipeline

Gap Alignment

62

63 of 123

Rendering Pipeline

Gap Alignment

63

64 of 123

Rendering Pipeline

Gap Alignment

64

65 of 123

Rendering Pipeline

Seam Blending

65

66 of 123

Rendering Pipeline

Seam Blending

66

67 of 123

Rendering Pipeline

Seam Blending

67

68 of 123

Rendering Pipeline

Street View vs. Satellite Images

68

69 of 123

Rendering Pipeline

Street View vs. Satellite Images

69

70 of 123

Rendering Pipeline

Street View vs. Satellite Images

70

71 of 123

Rendering Pipeline

Gaussian Filtering

71

72 of 123

Rendering Pipeline

Gaussian Filtering

72

73 of 123

Rendering Pipeline

Gaussian Filtering

73

74 of 123

Rendering Pipeline

Occlusion Test

74

75 of 123

Rendering Pipeline

Occlusion Test

75

76 of 123

Rendering Pipeline

Occlusion Test

76

77 of 123

LRU Cache

Least Recently Used

77

5 adjacent street views are cached while users are walking.

Each geometry has 131,074 vertices to be processed by the GPU

78 of 123

Limitations

Inaccurate depth maps etc.

78

79 of 123

Deployment

Geollery.com

79

80 of 123

Rendering Pipeline

Experimental Features

80

81 of 123

81

Geollery/Social Street View has its own set of distinct offerings, as it is anchored within real-world settings, just mapped onto VR, whereas these are definitely more ‘fantasy’ type of arenas. In that way, as you have already done, I think there are multitude game challenges/tasks/feedback, like the balloons, to add in!

Email feedback from pilot users

82 of 123

82

I think it’d be cool if you could see posts by people in real time, along with the establishment they’re in (like someone tweeting from inside McDonald’s or a movie theater), if that makes sense. Sort of like checking in to a place on Facebook

Email feedback from pilot users

83 of 123

83

1

An interactive rendering pipeline of

Fusing 360° Panoramas

at two levels of detail.

84 of 123

84

2

Contributing a large-scale real-time system to

Reconstruct a Mirrored World

without the prior knowledge of any 3D models but only street view images and depth maps, which may be estimated from deep learning pipeline etc.

85 of 123

85

3

Establishing a web-based platform at

Geollery.com

for visualizing geotagged social media in a collaborative mixed-reality setting.

86 of 123

Discussion

Use Case: Audio Tour

86

...

87 of 123

Discussion

Taking the Feedback:

Geollery v2, Web3D & VR 2019

87

...

88 of 123

Discussion

Taking the Feedback

88

89 of 123

Challenge

Global Market Restraint:

Weak Content for XR

89

90 of 123

Research Goal

Fuse the information from physical and virtual world

90

ACM Web3D '19

91 of 123

Future Directions

The Ultimate XR Platform

91

92 of 123

Future Directions

Fuses Past Events

92

93 of 123

Future Directions

With the present

93

94 of 123

Future Directions

And look into the future

94

95 of 123

Future Directions

Change the way we communicate in 3D and consume the information

95

96 of 123

Future Directions

Consume the information throughout the world

96

97 of 123

Acknowledgement

NSF | MPower | UMIACS

97

98 of 123

Acknowledgement

Coauthors

98

99 of 123

Thank you!

Ruofei Du, David Li, and Amitabh Varshney

{ruofei, dli7319, varshney}@cs.umd.edu | www.Geollery.com | CHI 2019

UMIACS

THE AUGMENTARIUM

VIRTUAL AND AUGMENTED REALITY LAB

AT THE UNIVERSITY OF MARYLAND

COMPUTER SCIENCE

UNIVERSITY OF MARYLAND, COLLEGE PARK

Thank you!

100 of 123

Project Geollery.com: Reconstructing a Live Mirrored World With Geotagged Social Media

Ruofei Du, David Li, and Amitabh Varshney

{ruofei, dli7319, varshney}@umiacs.umd.edu | www.Geollery.com | CHI 2019 | Demo at D-2 (INT-40)

UMIACS

THE AUGMENTARIUM

VIRTUAL AND AUGMENTED REALITY LAB

AT THE UNIVERSITY OF MARYLAND

COMPUTER SCIENCE

UNIVERSITY OF MARYLAND, COLLEGE PARK

Project Geollery.com: Reconstructing a Live Mirrored World With Geotagged Social Media

101 of 123

User Study

Background Interview (5 min)

101

102 of 123

User Study

Quantitative Evaluation

102

103 of 123

User Study

Quantitative Evaluation

103

104 of 123

User Study

Post-interview

104

105 of 123

Post Interview

Question 1/3

105

Suppose that we have a polished 3D social media platform like Geollery or Social Street View, would you like to use it? If so, how much time would you like to spend on it?

106 of 123

Post Interview

Question 1/3

106

107 of 123

107

I would like to use it every day when I go to work, or travel during weekends.

P6 / F

108 of 123

108

If it’s not distracting like Facebook and Instagram, I would use it every day on a couple of things.

P17 / F

109 of 123

109

I am a follower on most social media sites. I would only join a 3D social media platform once my friends are there.

P4 / M

110 of 123

110

If my friends are all on this, I can see myself spend a couple of hours every week.

P12 / M

111 of 123

111

I don’t think I will use this. I prefer to use Yelp to see comments [of nearby restaurants]

P12 / M

112 of 123

Post Interview

Question 2/3

112

Can you imagine your use cases for Geollery and Social Street View? What would you like to use 3D social media platforms for?

113 of 123

113

I would like to use it for the food in different restaurants. I am always hesitating of different restaurants. It will be very easy to see all restaurants with street views. In Yelp, I can only see one restaurant at a time.

P6 / F

114 of 123

114

[I will use it for] exploring new places. If I am going on vacation somewhere, I could immerse myself into the location. If there are avatars around that area, I could ask questions.

P1 / M

115 of 123

115

I think it (Geollery) will be useful for families. I just taught my grandpa how to use Facetime last week and it would great if I could teleport to their house and meet with them, then we could chat and share photos with our avatars.

P2 / F

116 of 123

116

… for communicating with my families, maybe, and distant friends, [so] they can see New York. And, getting to know more people, connecting with people based on similar interests.

P2 / F

117 of 123

Post Interview

Question 3/3

117

If you were a designer or product manager for Geollery or Social Street View, what features would you like to add to the systems?

118 of 123

118

A mapping of the texture, high-resolution texture, will be great.

P12 / M

119 of 123

119

if there is a way to unify the interaction between them, there will be more realistic buildings [and] you could have more roof structures. Terrains will be interesting to add on.

P18 / M

120 of 123

120

I would like to see kitties and puppies running around, and birds flying in the air

P13 / F

121 of 123

121

I could also add a bike, add a vehicle, a motorcycle in Geollery, this will add some fun.

P17 / F

122 of 123

123 of 123