SlideShare a Scribd company logo
WebVR
FEEDBACK AND APPLICATION FOR CONSTRUCTION BUSINESS
Let me introduce myself
 Arthur Schwaiger, 24 (@Colmea)
 Degree in Communication
Web Dev (PHP, JS, Symfony2, ZF2, Node.js, [add useless framework and libraries here])
 Working at Mobic (Wood construction company, Belgium)
 Mobic Autoconstruction: new web project
What is WebVR ?
WebVR: technically speaking
Virtual Reality
 Immersive
 Oculus, HTC Vive, Cardboard, …
Web
 Decentralized
 Open
 Linked
 « No download »
WebVR: technically speaking
 VR in web browser thanks to:
 WebGL (3D in web browser)
 THREE.js (JS library for 3D in web browser)
 WebVR API (headset position, orientation, …)
Vlad
Vukicevic
Josh
Carpenter
Diego
Marcos
Brandon
Jones
WebVR: in practice
« Full WebVR »
 Whole new world
 « Metaverse »
 Huge VR world on the web
 New web, new rules
WebVR App
 Independent, non-connected
applications and services
 Examples: Shopping, Journalism,
Advertising, Social network,
Videos, …
JanusVR
MozVR.com, VRideo,
RiftSketch, Beloola,
Mobic
Autoconstruction, …
WebVR: in practice
 Demo time:
 www.mozvr.com
 www.mobic-autoconstruction.fr/configurateur
Resources
 WebVR browser build:
 Firefox: http://mozvr.com/downloads
 Chrome: https://drive.google.com/folderview?id=0BzudLt22BqGRbW9WTHMtOWMzNjQ
 Tools:
 WebVR starter kit: https://github.com/MozVR/vr-web-examples
 THREE.js: http://threejs.org (VREffect, VRControls)
 Demos:
 Beloola, mozvr.com, VRideo, RiftSketch, Mobic Autoconstruction, …
 Infos:
 WebVR API: https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API
 Brandon Jone’s blog: http://blog.tojicode.com/
 Vladimir Vukicévic’s blog: http://blog.bitops.com/
Questions ?

More Related Content

PPTX
WebVR Ecosystem and API Update
PDF
Introduction to WebVR Autodesk Forge 2016
PDF
WebVR: Developing for the Immersive Web
PDF
The Immersive Web
PPTX
Hacking Reality: Browser-Based VR with HTML5
PPTX
WebGL: The Next Generation
PDF
Virtually Anyone
PDF
An Introduction to WebVR – or How to make your user sick in 60 seconds
WebVR Ecosystem and API Update
Introduction to WebVR Autodesk Forge 2016
WebVR: Developing for the Immersive Web
The Immersive Web
Hacking Reality: Browser-Based VR with HTML5
WebGL: The Next Generation
Virtually Anyone
An Introduction to WebVR – or How to make your user sick in 60 seconds

What's hot (9)

PDF
Bringing Virtual Reality to the Web: VR, WebGL and CSS – Together At Last!
PDF
WebVR - MobileTechCon Berlin 2016
PDF
WebVR - JAX 2016
PDF
Getting Started in VR with JS
PDF
Introduction to WebGL and WebVR
PPTX
Accessibility in Canvas 3D
PDF
What is responsive - and do I need it?
PPTX
Managing Responsive Design Projects
PDF
Goodbye, Flatland! An introduction to React VR and what it means for web dev...
Bringing Virtual Reality to the Web: VR, WebGL and CSS – Together At Last!
WebVR - MobileTechCon Berlin 2016
WebVR - JAX 2016
Getting Started in VR with JS
Introduction to WebGL and WebVR
Accessibility in Canvas 3D
What is responsive - and do I need it?
Managing Responsive Design Projects
Goodbye, Flatland! An introduction to React VR and what it means for web dev...
Ad

Viewers also liked (19)

PDF
Build the Virtual Reality Web with A-Frame
PDF
The next frontier: WebGL and WebVR
PDF
20160713 webvr
PPTX
An Introduction to Web VR January 2015
PPTX
점, 선, 면
PDF
Cocos2d 기초
PDF
Introduction to Speech Interfaces for Web Applications
PDF
Integrating Angular js & three.js
PDF
PDF
A-Frame: VR for Web Developers
PPTX
WebGL and three.js - Web 3D Graphics
PDF
Introduction to three.js & Leap Motion
PDF
QGIS 공식 Training Manual 한국어판
PDF
Shader compilation
PPS
PDF
Web vr creative_vr
PDF
JavaScript Web Workers
PDF
Quick dive into WebVR
PDF
WebVR with Three.js!
Build the Virtual Reality Web with A-Frame
The next frontier: WebGL and WebVR
20160713 webvr
An Introduction to Web VR January 2015
점, 선, 면
Cocos2d 기초
Introduction to Speech Interfaces for Web Applications
Integrating Angular js & three.js
A-Frame: VR for Web Developers
WebGL and three.js - Web 3D Graphics
Introduction to three.js & Leap Motion
QGIS 공식 Training Manual 한국어판
Shader compilation
Web vr creative_vr
JavaScript Web Workers
Quick dive into WebVR
WebVR with Three.js!
Ad

Similar to WebVR (20)

PPTX
Introduction to The VR Web
PDF
Ferguson VR Hackathon - May 6, 2017
PDF
Foundations of the Immersive Web
PDF
Forge - DevCon 2016: Collaborative VR using Google Cardboard & the View & Dat...
PPTX
Getting Started with Web VR
PDF
Портируем существующее Web-приложение в виртуальную реальность / Денис Радин ...
PDF
Migrating your Web app to Virtual Reality
PPTX
Up And Running With Web VR Fall 2014
PPTX
WebXR - Introduction and Workshop
PDF
How to Use WebVR to Enhance the Web Experience
PPTX
So You Want to Become a VR Developer
PPTX
Scotland JS 2016 Keynote: The VR Web and the Future of the Browser
PDF
Tony Parisi (VP Platform, Wevr) The Immersive Web
PDF
Keynote: The Immersive web
PDF
"Getting started with Web Based Virtual Reality" Pant Tanay, Mozilla Foundation
PDF
Web Based Virtual Reality - Tanay Pant - Codemotion Rome 2017
PDF
Web based virtual reality - Tanay Pant, Mozilla
PDF
CloudCamp London 15 Sep 2016 - WebVR
PDF
Casper Fabricius (Cimmerse): WebVR with A-Frame, React and Redux
PPTX
WebVR, an offspring of two worlds
Introduction to The VR Web
Ferguson VR Hackathon - May 6, 2017
Foundations of the Immersive Web
Forge - DevCon 2016: Collaborative VR using Google Cardboard & the View & Dat...
Getting Started with Web VR
Портируем существующее Web-приложение в виртуальную реальность / Денис Радин ...
Migrating your Web app to Virtual Reality
Up And Running With Web VR Fall 2014
WebXR - Introduction and Workshop
How to Use WebVR to Enhance the Web Experience
So You Want to Become a VR Developer
Scotland JS 2016 Keynote: The VR Web and the Future of the Browser
Tony Parisi (VP Platform, Wevr) The Immersive Web
Keynote: The Immersive web
"Getting started with Web Based Virtual Reality" Pant Tanay, Mozilla Foundation
Web Based Virtual Reality - Tanay Pant - Codemotion Rome 2017
Web based virtual reality - Tanay Pant, Mozilla
CloudCamp London 15 Sep 2016 - WebVR
Casper Fabricius (Cimmerse): WebVR with A-Frame, React and Redux
WebVR, an offspring of two worlds

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PPTX
A Presentation on Artificial Intelligence
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
1. Introduction to Computer Programming.pptx
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
cuic standard and advanced reporting.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Machine learning based COVID-19 study performance prediction
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Big Data Technologies - Introduction.pptx
A Presentation on Artificial Intelligence
Network Security Unit 5.pdf for BCA BBA.
1. Introduction to Computer Programming.pptx
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
cuic standard and advanced reporting.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Machine learning based COVID-19 study performance prediction
MYSQL Presentation for SQL database connectivity
Building Integrated photovoltaic BIPV_UPV.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
SOPHOS-XG Firewall Administrator PPT.pptx
NewMind AI Weekly Chronicles - August'25-Week II
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Per capita expenditure prediction using model stacking based on satellite ima...
Dropbox Q2 2025 Financial Results & Investor Presentation
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...

WebVR

  • 1. WebVR FEEDBACK AND APPLICATION FOR CONSTRUCTION BUSINESS
  • 2. Let me introduce myself  Arthur Schwaiger, 24 (@Colmea)  Degree in Communication Web Dev (PHP, JS, Symfony2, ZF2, Node.js, [add useless framework and libraries here])  Working at Mobic (Wood construction company, Belgium)  Mobic Autoconstruction: new web project
  • 4. WebVR: technically speaking Virtual Reality  Immersive  Oculus, HTC Vive, Cardboard, … Web  Decentralized  Open  Linked  « No download »
  • 5. WebVR: technically speaking  VR in web browser thanks to:  WebGL (3D in web browser)  THREE.js (JS library for 3D in web browser)  WebVR API (headset position, orientation, …) Vlad Vukicevic Josh Carpenter Diego Marcos Brandon Jones
  • 6. WebVR: in practice « Full WebVR »  Whole new world  « Metaverse »  Huge VR world on the web  New web, new rules WebVR App  Independent, non-connected applications and services  Examples: Shopping, Journalism, Advertising, Social network, Videos, … JanusVR MozVR.com, VRideo, RiftSketch, Beloola, Mobic Autoconstruction, …
  • 7. WebVR: in practice  Demo time:  www.mozvr.com  www.mobic-autoconstruction.fr/configurateur
  • 8. Resources  WebVR browser build:  Firefox: http://mozvr.com/downloads  Chrome: https://drive.google.com/folderview?id=0BzudLt22BqGRbW9WTHMtOWMzNjQ  Tools:  WebVR starter kit: https://github.com/MozVR/vr-web-examples  THREE.js: http://threejs.org (VREffect, VRControls)  Demos:  Beloola, mozvr.com, VRideo, RiftSketch, Mobic Autoconstruction, …  Infos:  WebVR API: https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API  Brandon Jone’s blog: http://blog.tojicode.com/  Vladimir Vukicévic’s blog: http://blog.bitops.com/