SlideShare a Scribd company logo
1 of 29
Download to read offline
The Immersive Web
Tony Parisi
April 12, 2016
About me
get GLAM
http://www.glamjs.org/
meetups
http://www.meetup.com/WebGL-Developers-Meetup/
http://www.meetup.com/Web-VR/
creds
Co-creator, VRML and X3D
Designer and Spec Editor, glTF
get the books!
Learning Virtual Reality
Programming 3D Applications with HTML and WebGL
WebGL: Up and Running
http://www.amazon.com/-/e/B008UZ888I
Tony Parisi
is VP of Web and Open Technologies
at Wevr
tony@wevr.com
+1  (415) 902 8002
@auradeluxe
http://www.tonyparisi.com/
advice
http://www.rothenbergventures.com
http://www.uploadvr.com
http://www.highfidelity.io
The First Wave
Total Immersion
VR and AR will become
the predominant way that we
work, play, transact and
communicate using digital
technologies.
Billions invested
2020 market projections range
from $14B to $120B
$5B
$8B
$11B
$14B
$17B
$20B
$23B
1999 2001 2003 2005 2007 2009
Music Cinema
Games +
Srsly? Yes. Here’s Why.
Entertainment Media One Generation After Atari
Cheap electronics
Large, experienced developer base
A culture addicted to our digital toys
and information
The “Interactive Generation”
“Conversion on Contact”
Chart: Ari Hollander, DeepStream VR
Q: How do VR and AR reach 5B users by 2020?
A: Not one app at a time.
Friction
Downloads/Installs
Controlled distribution
Limited business models
Silo experiences
Proprietary development
Closed culture
Experts only
The Metaverse is too big
for an app store.
http://commonspace.wordpress.com/2014/03/12/happybirthday/
The World Wide Web
No downloads - no friction
Instant sharing - post a link
Freedom of choice - no gatekeepers
Culture of collaboration
Instant publishing
Runs everywhere
Q: But didn’t mobile kill the web?
“Superapplications”
your everyday mobile apps are
based on web tech and
standard formats
A: Nope; just merged with it and made it bigger.
HTML
mobile browsers are now
fast, fun and feature-rich
The Web Eats Everything in Its Path
√ Graphics
√ Animation
√ Location
√ Motion Input
√ Real-Time 3D
√ Camera
√ Messaging
√ Real-Time Messaging
√ IOT/Wearables
√ Robotics
There are 3 million mobile apps.
There are 1 BILLION web sites.
The Immersive Web
“The web is the Metaverse… just with a 2D interface”
-- Vladimir Vukićević, creator of WebGL and Mozilla VR Lead
No Friction
See link, clink link, go
Shareable, searchable,
discoverable
Immersive Interface
Image: http://cordonmedia.com/
A new way of browsing and
interacting
Organized the way we think
The ultimate dope for a
dopamine culture
Scalable Models
Advertising
Digital marketing
E-commerce
Social media
Long tail content and apps
Built on Standards
Universal playback engine aka “VR browser”
Standard formats and APIs for 3D graphics
and 360 VR video
Free, open source tools
Collaborative effort
A First Look
The 3D Rendering Standard
Runs on all desktop and mobile
browsers
3B seats!
Cardboard VR
and Mobile Browsers
Works today.
Just render side-by-side
using WebGL and pop it
into a Carboard viewer.
WebVR
Quake 3 WebVR demo, developed by Brandon
Jones of Google
http://media.tojicode.com/q3bsp/
Multi-vendor effort to define new
browser API and features
Head tracking and fullscreen
stereo VR mode
Desktop and mobile
WebVR Development Status
Developer builds of Chrome, Firefox (desktop and mobile)
Beta of Samsung Internet browser for Gear VR!
WebVR 1.0 API - preliminary spec
http://mozvr.github.io/webvr-spec/
W3C Community Group
https://www.w3.org/community/webvr/
The Ecosystem
Frameworks
JavaScript libraries
Markup systems
Polyfills
Formats
The “JPEG of 3D”
Tools
Unity, Unreal export
Browser-based VR creation
<glam>
<scene>
<cube id="photocube”></cube>
</scene>
</glam>
#photocube {
image:url(../images/photo.png);
}
VR
Superapplications
Native apps use
embedded browser tech,
standard VR formats and APIs
AltSpaceVR
Social VR application uses WebGL
for content creation
Wevr Transport
Distribution network - access
videos, apps, web content
From here to the Metaverse
Current WebVR-enabled browsers are just a first step
Browser UI was designed for old paradigms; time to reinvent
WebGL not optimized for VR; might need additional high-level
graphics APIs
Will need standardized 6DOF, motion, voice inputs
VR/AR use cases will likely drive new network protocols
One Platform.
Billions of Seats.
It’s Coming.
The Immersive Web
Tony Parisi
April 12, 2016

More Related Content

What's hot

WSO2 Platform Introduction : Why, What and How
WSO2 Platform Introduction : Why, What and How WSO2 Platform Introduction : Why, What and How
WSO2 Platform Introduction : Why, What and How
WSO2
 

What's hot (19)

An Introduction to Web VR January 2015
An Introduction to Web VR January 2015An Introduction to Web VR January 2015
An Introduction to Web VR January 2015
 
Hacking Reality: Browser-Based VR with HTML5
Hacking Reality: Browser-Based VR with HTML5Hacking Reality: Browser-Based VR with HTML5
Hacking Reality: Browser-Based VR with HTML5
 
Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016
 
And Who Shall Control the Metaverse?
And Who Shall Control the Metaverse?And Who Shall Control the Metaverse?
And Who Shall Control the Metaverse?
 
A Period of Transition
A Period of TransitionA Period of Transition
A Period of Transition
 
Augmented Reality (AR) - The Future of Mobile Applications?
Augmented Reality (AR) - The Future of Mobile Applications? Augmented Reality (AR) - The Future of Mobile Applications?
Augmented Reality (AR) - The Future of Mobile Applications?
 
HTML5 for mobile development
HTML5 for mobile developmentHTML5 for mobile development
HTML5 for mobile development
 
2010 And Beyond
2010 And Beyond2010 And Beyond
2010 And Beyond
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design Projects
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
(2015년 상반기) HTML5 및 Hybrid app 최신 동향(2015년 상반기) HTML5 및 Hybrid app 최신 동향
(2015년 상반기) HTML5 및 Hybrid app 최신 동향
 
Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?
 
Dev tools
Dev toolsDev tools
Dev tools
 
WSO2 Platform Introduction : Why, What and How
WSO2 Platform Introduction : Why, What and How WSO2 Platform Introduction : Why, What and How
WSO2 Platform Introduction : Why, What and How
 
Prototyping user interactions in web apps
Prototyping user interactions in web appsPrototyping user interactions in web apps
Prototyping user interactions in web apps
 
theFactor.e 3D
theFactor.e 3DtheFactor.e 3D
theFactor.e 3D
 
Interface do Olho - by Alvaro Lourenço
Interface do Olho - by Alvaro LourençoInterface do Olho - by Alvaro Lourenço
Interface do Olho - by Alvaro Lourenço
 
The Web Eats Everything In Its Path Fall 2014
The Web Eats Everything In Its Path Fall 2014The Web Eats Everything In Its Path Fall 2014
The Web Eats Everything In Its Path Fall 2014
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web Designers
 

Viewers also liked

Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
mStoner, Inc.
 

Viewers also liked (18)

WebGL, HTML5 and How the Mobile Web Was Won
WebGL, HTML5 and How the Mobile Web Was WonWebGL, HTML5 and How the Mobile Web Was Won
WebGL, HTML5 and How the Mobile Web Was Won
 
Developing Web Graphics with WebGL
Developing Web Graphics with WebGLDeveloping Web Graphics with WebGL
Developing Web Graphics with WebGL
 
The Coming Distribution War
The Coming Distribution WarThe Coming Distribution War
The Coming Distribution War
 
React-VR: An Early Experiment with React and WebGL for VR Development
React-VR: An Early Experiment with React and WebGL for VR DevelopmentReact-VR: An Early Experiment with React and WebGL for VR Development
React-VR: An Early Experiment with React and WebGL for VR Development
 
Vrml, or There and Back Again
Vrml, or There and Back AgainVrml, or There and Back Again
Vrml, or There and Back Again
 
Integrating Angular js & three.js
Integrating Angular js & three.jsIntegrating Angular js & three.js
Integrating Angular js & three.js
 
Intro to Three.js
Intro to Three.jsIntro to Three.js
Intro to Three.js
 
A-Frame: VR for Web Developers
A-Frame: VR for Web DevelopersA-Frame: VR for Web Developers
A-Frame: VR for Web Developers
 
WebGL and three.js - Web 3D Graphics
WebGL and three.js - Web 3D Graphics WebGL and three.js - Web 3D Graphics
WebGL and three.js - Web 3D Graphics
 
María del Carmen Gil Ortega - Enhancing Real-World Education Through Immersiv...
María del Carmen Gil Ortega - Enhancing Real-World Education Through Immersiv...María del Carmen Gil Ortega - Enhancing Real-World Education Through Immersiv...
María del Carmen Gil Ortega - Enhancing Real-World Education Through Immersiv...
 
IMMERSIVE PLANET H USA
IMMERSIVE PLANET H USAIMMERSIVE PLANET H USA
IMMERSIVE PLANET H USA
 
David Parmet: PR in the Age of Visual Storytelling
David Parmet: PR in the Age of Visual StorytellingDavid Parmet: PR in the Age of Visual Storytelling
David Parmet: PR in the Age of Visual Storytelling
 
Build the Virtual Reality Web with A-Frame
Build the Virtual Reality Web with A-FrameBuild the Virtual Reality Web with A-Frame
Build the Virtual Reality Web with A-Frame
 
The Power of Visual Storytelling
The Power of Visual StorytellingThe Power of Visual Storytelling
The Power of Visual Storytelling
 
Introduction to WebGL and WebVR
Introduction to WebGL and WebVRIntroduction to WebGL and WebVR
Introduction to WebGL and WebVR
 
The next frontier: WebGL and WebVR
The next frontier: WebGL and WebVRThe next frontier: WebGL and WebVR
The next frontier: WebGL and WebVR
 
Cartographic Design as Visual Storytelling
Cartographic Design as Visual StorytellingCartographic Design as Visual Storytelling
Cartographic Design as Visual Storytelling
 
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
 

Similar to The Immersive Web

Tony Parisi (VP Platform, Wevr) The Immersive Web
Tony Parisi (VP Platform, Wevr) The Immersive WebTony Parisi (VP Platform, Wevr) The Immersive Web
Tony Parisi (VP Platform, Wevr) The Immersive Web
AugmentedWorldExpo
 
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteRockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Verold
 
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWhat lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
Wooga
 

Similar to The Immersive Web (20)

Keynote: The Immersive web
Keynote: The Immersive webKeynote: The Immersive web
Keynote: The Immersive web
 
Tony Parisi (VP Platform, Wevr) The Immersive Web
Tony Parisi (VP Platform, Wevr) The Immersive WebTony Parisi (VP Platform, Wevr) The Immersive Web
Tony Parisi (VP Platform, Wevr) The Immersive Web
 
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final KeynoteRockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
Rockin' the Web into the Next Dimension: JQueryTO 2014 Final Keynote
 
3D Collaborative Web
3D Collaborative Web3D Collaborative Web
3D Collaborative Web
 
14 Web tech trends 2014
14 Web tech trends 201414 Web tech trends 2014
14 Web tech trends 2014
 
IT Event Report of TC Disrupt/GMIC
IT Event Report of TC Disrupt/GMICIT Event Report of TC Disrupt/GMIC
IT Event Report of TC Disrupt/GMIC
 
3d internet
3d internet3d internet
3d internet
 
Resources (Links) for 2016
Resources (Links) for 2016Resources (Links) for 2016
Resources (Links) for 2016
 
[edUi] The Future of VR and the Web
[edUi] The Future of VR and the Web[edUi] The Future of VR and the Web
[edUi] The Future of VR and the Web
 
3 d internet
3 d internet3 d internet
3 d internet
 
Web design and development trends
Web design and development  trendsWeb design and development  trends
Web design and development trends
 
061223_web_20_conference_sf_shan
061223_web_20_conference_sf_shan061223_web_20_conference_sf_shan
061223_web_20_conference_sf_shan
 
TheTribeVR.com - VR FOR MARKETING AND MORE 2016
TheTribeVR.com - VR FOR MARKETING AND MORE 2016TheTribeVR.com - VR FOR MARKETING AND MORE 2016
TheTribeVR.com - VR FOR MARKETING AND MORE 2016
 
3d internet ppt
3d internet ppt3d internet ppt
3d internet ppt
 
Technologies for 2012 at #PCB6 - Podcamp Boston 6 - Wayne Kurtzman
Technologies for 2012 at #PCB6 - Podcamp Boston 6 - Wayne KurtzmanTechnologies for 2012 at #PCB6 - Podcamp Boston 6 - Wayne Kurtzman
Technologies for 2012 at #PCB6 - Podcamp Boston 6 - Wayne Kurtzman
 
Augmented reality
Augmented realityAugmented reality
Augmented reality
 
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof SzafranekWhat lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
 
What Lies Ahead for HTML5
What Lies Ahead for HTML5What Lies Ahead for HTML5
What Lies Ahead for HTML5
 
Barcamp
BarcampBarcamp
Barcamp
 
Mobile Augmented Reality Development Tools
Mobile Augmented Reality Development ToolsMobile Augmented Reality Development Tools
Mobile Augmented Reality Development Tools
 

More from Tony Parisi

More from Tony Parisi (13)

The New Fine Arts
The New Fine ArtsThe New Fine Arts
The New Fine Arts
 
Face the Future: Computing in an Augmented World
Face the Future: Computing in an Augmented WorldFace the Future: Computing in an Augmented World
Face the Future: Computing in an Augmented World
 
Browser-Based Virtual Reality April 2015
Browser-Based Virtual Reality April 2015Browser-Based Virtual Reality April 2015
Browser-Based Virtual Reality April 2015
 
VR Without Borders RIVER WebVR April 2015
VR Without Borders RIVER WebVR April 2015VR Without Borders RIVER WebVR April 2015
VR Without Borders RIVER WebVR April 2015
 
glTF and the WebGL Art Pipeline March 2015
glTF and the WebGL Art Pipeline March 2015glTF and the WebGL Art Pipeline March 2015
glTF and the WebGL Art Pipeline March 2015
 
Up And Running With Web VR Fall 2014
Up And Running With Web VR Fall 2014Up And Running With Web VR Fall 2014
Up And Running With Web VR Fall 2014
 
WebGL Primetime!
WebGL Primetime!WebGL Primetime!
WebGL Primetime!
 
Virtually Anywhere
Virtually AnywhereVirtually Anywhere
Virtually Anywhere
 
The Browser As Console - HTML5 and WebGL for Game Development
The Browser As Console - HTML5 and WebGL for Game DevelopmentThe Browser As Console - HTML5 and WebGL for Game Development
The Browser As Console - HTML5 and WebGL for Game Development
 
WebGL - It's GO Time
WebGL - It's GO TimeWebGL - It's GO Time
WebGL - It's GO Time
 
glTF Update with Tony Parisi WebGL Meetup August 2013
glTF Update with Tony Parisi WebGL Meetup August 2013glTF Update with Tony Parisi WebGL Meetup August 2013
glTF Update with Tony Parisi WebGL Meetup August 2013
 
Building Rich Internet Applications with HTML5 and WebGL
Building Rich Internet Applications with HTML5 and WebGLBuilding Rich Internet Applications with HTML5 and WebGL
Building Rich Internet Applications with HTML5 and WebGL
 
Artists Only
Artists OnlyArtists Only
Artists Only
 

Recently uploaded

Recently uploaded (20)

UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
Strategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering TeamsStrategic AI Integration in Engineering Teams
Strategic AI Integration in Engineering Teams
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
The UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, OcadoThe UX of Automation by AJ King, Senior UX Researcher, Ocado
The UX of Automation by AJ King, Senior UX Researcher, Ocado
 

The Immersive Web