virtual reality When I say VR what comes to mind? were talking - - PowerPoint PPT Presentation

▶
virtual reality when i say vr what comes to mind we re
SMART_READER_LITE
LIVE PREVIEW

virtual reality When I say VR what comes to mind? were talking - - PowerPoint PPT Presentation

Dec 07, 2023 229 likes •1.25k views

virtual reality When I say VR what comes to mind? were talking about the wrong thing this is much bigger than headsets something that's better than looking at media on a flat screen @ID_AA_Carmack immersive media something that's better

slide-1
SLIDE 1

virtual reality

slide-2
SLIDE 2

When I say VR what comes to mind?

slide-3
SLIDE 3
slide-4
SLIDE 4

we’re talking about the wrong thing

slide-5
SLIDE 5

this is much bigger than headsets

slide-6
SLIDE 6

something that's better than looking at media

  • n a flat screen

@ID_AA_Carmack

slide-7
SLIDE 7

immersive media something that's better than looking at media

  • n a flat screen

@ID_AA_Carmack

slide-8
SLIDE 8

immersive experiences are progressive @joshcarpenter

slide-9
SLIDE 9
slide-10
SLIDE 10

immersive media is…

slide-11
SLIDE 11

immersive media is…

(1) a revolution in human computer interaction

slide-12
SLIDE 12

immersive media is…

(1) a revolution in human computer interaction (2) a massive market thanks to existing devices

slide-13
SLIDE 13

immersive media is…

(1) a revolution in human computer interaction (2) a massive market thanks to existing devices (3) best delivered via the web

slide-14
SLIDE 14

who is this guy? kieran farr @kfarr

slide-15
SLIDE 15

immersive media is…

(1) a revolution in human computer interaction

slide-16
SLIDE 16

this screen

slide-17
SLIDE 17
slide-18
SLIDE 18
slide-19
SLIDE 19
slide-20
SLIDE 20
slide-21
SLIDE 21
slide-22
SLIDE 22

@flowimmersive

slide-23
SLIDE 23
slide-24
SLIDE 24

look around the room where is edge of your view?

slide-25
SLIDE 25

@joshcarpenter

slide-26
SLIDE 26

@joshcarpenter

slide-27
SLIDE 27

@arturitu

slide-28
SLIDE 28

immersiveness

device: input:

slide-29
SLIDE 29

1870s 1970s 2000s

slide-30
SLIDE 30

1870s 1970s 2000s

@mozillavr

slide-31
SLIDE 31

why does this matter?

slide-32
SLIDE 32
slide-33
SLIDE 33
slide-34
SLIDE 34

learncalligraphy.today

slide-35
SLIDE 35

learncalligraphy.today

slide-36
SLIDE 36

medium.com/@samsniderheld

slide-37
SLIDE 37

@JKSBMS

slide-38
SLIDE 38

@ryhanhassan

slide-39
SLIDE 39

@dynamicland1

slide-40
SLIDE 40

@dynamicland1

slide-41
SLIDE 41

@googlevr

slide-42
SLIDE 42

@googlevr

slide-43
SLIDE 43

@tryvertical

slide-44
SLIDE 44

immersive media is…

(1) a revolution in human computer interaction (2) a massive market thanks to existing devices

slide-45
SLIDE 45

1.41 million

slide-46
SLIDE 46

6.1 million

slide-47
SLIDE 47

94.5 million

slide-48
SLIDE 48

192.4 million

slide-49
SLIDE 49

4.2 billion

slide-50
SLIDE 50

immersive media is a continuum

VR Headset Cardboard

@arturitu

slide-51
SLIDE 51

immersive media is…

(1) a revolution in human computer interaction (2) a massive market thanks to existing devices (3) best delivered via the web

slide-52
SLIDE 52

mainstream vr experience is broken @hyper_text

slide-53
SLIDE 53

content must pull user into immersion

slide-54
SLIDE 54
slide-55
SLIDE 55

immersive media is better on the web... (1) content-first progressive enhancement (2) no app store (3) simpler development (4) use the best of the web ecosystem

slide-56
SLIDE 56

important moments in 3D & VR on the web

slide-57
SLIDE 57

VRML 1994 Mark Pesce @mpesce Tony Parisi @auradeluxe

slide-58
SLIDE 58

VMRL 1994

slide-59
SLIDE 59

VRML 1994 - ~2000 Mark Pesce @mpesce Tony Parisi @auradeluxe

slide-60
SLIDE 60

DARK TIMES 2000-2010

slide-61
SLIDE 61

Web 3D Renaissance 2010-present

slide-62
SLIDE 62

Ricardo Cabello @mrdoob Vladimir Vukicevic @vvuk WebGL Three.js

slide-63
SLIDE 63

WebVR 1.0 Kip Gilbert @kearwoodgilbert Brandon Jones @tojiro

slide-64
SLIDE 64

WebVR 1.0

  • 1. Detect VR devices
  • 2. Query capabilities
  • 3. Poll position and orientation
  • 4. Display imagery at appropriate framerate
slide-65
SLIDE 65

Diego Marcos @dmarcos Josh Carpenter @joshcarpenter

WebVR Mozilla

  • C. Van Wiemeersch

@cvanw Casey Yee @whoyee

slide-66
SLIDE 66

WebVR Mozilla

slide-67
SLIDE 67

making VR/3D (on the web) was hard

slide-68
SLIDE 68

how many lines of code for a basic scene? WebGL: 400 Three.js: 40

slide-69
SLIDE 69

Diego Marcos @dmarcos Kevin Ngo @andgokevin

A-Frame

Don McCurdy @donrmccurdy Josh Carpenter @joshcarpenter

slide-70
SLIDE 70

how many lines of code for a basic scene? WebGL: 400 Three.js: 40 A-Frame: 4

slide-71
SLIDE 71

how many lines of code for a basic scene? WebGL: 400 Three.js: 40 A-Frame: 4

slide-72
SLIDE 72

@rolanddubois

slide-73
SLIDE 73
slide-74
SLIDE 74

More than just A-Frame:

  • ReactVR by Facebook
  • ForgeJS by GoPro
  • Primrose
  • Janus VR
  • Babylon.js
  • GLAM (GL And Markup)
  • PlayCanvas
slide-75
SLIDE 75

immersive media is better on the web... (1) content-first progressive enhancement (2) no app store (3) simpler development (4) use the best of the web ecosystem

slide-76
SLIDE 76
slide-77
SLIDE 77

WebVR + JSNES https://kfarr.github.io/aframe-jsnes/

slide-78
SLIDE 78

WebVR + Google Sheets https://github.com/kfarr/aframe-notecards

slide-79
SLIDE 79

WebVR + Google Sheets https://github.com/kfarr/aframe-notecards

slide-80
SLIDE 80

WebVR + Cross Linked Objects @TomasPolach

slide-81
SLIDE 81

WebVR + Links @aframevr

slide-82
SLIDE 82

components @aframevr

slide-83
SLIDE 83

environment component @feiss

slide-84
SLIDE 84

superhands component @datatitian

slide-85
SLIDE 85

ar.js marker AR @jerome_etienne

slide-86
SLIDE 86

https://github.com/google-ar/

slide-87
SLIDE 87

Escape Room No JavaScript! @datatitian

slide-88
SLIDE 88

how to use this in real life?

slide-89
SLIDE 89

@V_Kurbatov

slide-90
SLIDE 90

lucidweb.io

slide-91
SLIDE 91
slide-92
SLIDE 92

@decentraland

slide-93
SLIDE 93

Amnesty International

slide-94
SLIDE 94

Mathworld VR @michaltakac

slide-95
SLIDE 95
slide-96
SLIDE 96

Adit @datatitian

slide-97
SLIDE 97

@mozillavr a-painter

slide-98
SLIDE 98
slide-99
SLIDE 99

immersive media is…

(1) a revolution in human computer interaction (2) a massive market thanks to existing devices (3) best delivered via the web

slide-100
SLIDE 100

immersive media is… ready for you to use today!

aframe.io