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

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

The Immersive Web