Upload File

webvr with three.js!

19
WebVR with Three.js!

Upload: seito-horiguchi

Post on 13-Apr-2017

83 views

Category:

Technology


2 download

Report

TRANSCRIPT

Page 1: WebVR with Three.js!

WebVR with Three.js!

Page 2: WebVR with Three.js!

ProfileSeito Horiguchi

• LIG Philippines inc.

• President / Developer

• https://github.com/seito2014

Page 3: WebVR with Three.js!

What is Web VR?

Page 4: WebVR with Three.js!
Page 5: WebVR with Three.js!
Page 6: WebVR with Three.js!
Page 7: WebVR with Three.js!
Page 8: WebVR with Three.js!

BTW, how can we play and create them?

Page 9: WebVR with Three.js!
Page 10: WebVR with Three.js!
Page 11: WebVR with Three.js!
Page 12: WebVR with Three.js!

https://seito2014.github.io/three-tutorial/city-study

https://seito2014.github.io/three-tutorial/city-study
https://seito2014.github.io/three-tutorial/city-study
Page 13: WebVR with Three.js!

https://threejs.org/

https://threejs.org/
Page 14: WebVR with Three.js!
Page 15: WebVR with Three.js!

https://seito2014.github.io/three-tutorial/vr/

https://github.com/seito2014/three-tutorial/tree/master/vr

https://seito2014.github.io/three-tutorial/vr/
https://github.com/seito2014/three-tutorial/tree/master/vr
https://github.com/seito2014/three-tutorial/tree/master/vr
Page 16: WebVR with Three.js!
Page 17: WebVR with Three.js!
Page 18: WebVR with Three.js!

Let's try!

Page 19: WebVR with Three.js!

Thanks!


Composing Spatial Music with Web Audio and WebVR

Creating Applications with WebGL and Three.js

WebVR Ecosystem and API Update

WebVR - Contentful: Content Infrastructure for Digital …assets.contentful.com/nn534z2fqr9f/3pqKcOn67uAmmcOooqOa6...What is WebVR? WebVR 101 What are the challenges? 3 @g33konaut

20160713 webvr

WebGL and three.js

Interaction with WebVR 360° Video Player: Comparing Three

WebVRとUI @DIST10

Quick dive into WebVR

Introduction to three.js & Leap Motion

Finding the key - Malwine(Using web technologies: HTML, DOM, JS, three.js, WebVR, WebGL) You can think of A-Frame as a theatre play or a movie: You’ll have a scene, some light, a

Integrating Angular js & three.js

Fabian Tjoe-A-On fabiantjoeaon · A-frame (WebVR) Redux Three.js (WebGL) Node.js/NPM Sketch Adobe Photoshop Adobe Illustrator Gulp SASS Git TweenMAX/GSAP Webpack Wordpress GraphQL

three.js の紹介

Polyfill webVR

From Hello World to the Interactive Web with Three.js: Workshop at FutureJS 2014

Building Blocks of WebVR › webvr-meetup › Mirek - VR + WebVR introduction.pdfAPIs useful for WebVR • WebVR API - manages displays • WebGL - provides a way to run 3D in the

WebGL, WebVR and the Metaverse

Building your world in WebVR

WebVR Tokyo Meetup vol2

Processing.js vs. three.js

Build VR Websites with Oculus and Three.js

WebVRデモ JSオジサン #5

HTML5 game dev with three.js - HexGL

Simple formulas to UI · WebVR API Three.js Unity Unreal Engine A‐Frame. Go play! References & Credits Huge thanks to Alex Cruikshank (@sivoh) Don Norman ‐ The Design of Everyday

WebVR: Developing for the Immersive Web

SV WebGL/WebVR GDC 2019 Meetup - Khronos Group › ... › WebGL-WebVR-Meetup-GDC-Mar19.pdfSV WebGL/WebVR GDC 2019 Meetup The Khronos Group WebGL Update from Browser Implementers Demos

How to create 360 Image/panorama & share with WebVR?

WebVR（html5j TV部、WebVRとかVRのUIとか勉強会）

WebVR - MobileTechCon Berlin 2016

Getting started with Verold and Three.js

Datenvisualisierung mit WebGL (Three.js)

CS 352: Computer Graphics A WebGL Game With Three.js

Can WebVR further the adoption of Virtual Reality?...use functionality that is not provided in Hologram. Accessing Three.js from A-Frame is easy in comparison. A big plus for Hologram

ENEI16 - WebGL with Three.js