WebGL/WebVR at GDC 2019

Dave Evans, PlayCanvas
Andrew Best, Toyota Research Inc,
Alban Denoyel, Sketchfab
Ricardo Cabello, Three.js
Gary Hsu, Microsoft
Robert Long, Mozilla

Vangelis Kokkevis (Toyota Research Inc.) - Vangelis and team will present TRI's autonomous car driving visualizations, powered by CesiumJS, 3D Tiles, glTF, and WebGL!

Alban Denoyel (Sketchfab) - Alban will present Sketchfab's latest visual improvements and features such as configurators, making it the ideal choice for product visualization on the web!

Dave Evans (PlayCanvas): Dave will discuss the latest features in the PlayCanvas engine, including integrated, collaborative version control for your entire game and all of its assets!

Ricardo Cabello (Three.js) - Ricardo will present the latest advancements in the ubiquitous Three.js library, including enhancements to its physically-based rendering model which make web graphics look better than ever before!

Gary Hsu (Microsoft) - Gary will be presenting the latest developments in Babylon.js including support for ECMAScript 6 modules, our experiences using the WebGL multiview extension in Babylon.js and latest updates to tools for debugging WebGL and glTF.

Robert Long (Mozilla): Robert will present an update on Hubs, the Spoke editor, and how the team has optimized Hubs for use on standalone VR headsets and mobile devices.

07:00 Browser Team, Ken Russel, Google

• Filament -> physically based rendering
  • https://google.github.io/filament
• Wolfensteine -> on webgl
• try webgl 2.0
• KHR_parallel
• Multi-Draw
  • WEBGL_Multi_draw extension
• WEBGL_Video_texture
• WebGL in Multi-threaded WebAssembly
  • in chrome 74

07:09 Dave Evans, PlayCanvas

• https://playcanvas.com
• latest update since last year
• https://playcanv.as/e/p/66LyvOr/ => link broken
• https://github.com/playcanvas/canvas-gltf

07:18 Andrew Best, Toyota Research Inc,

• TRI at a galance
• https://www.tri.global
• https://www.tri.global/careers
• Driving Simulation
• TRI Web Tooling
• Vehicle Log Visualization Tooling
• Data Collection Analysis Tooling
  • Tileset viewer
  • Using uber’s H3
  • Using mapbox

07:30 Sketchfab, Enter new dimensions

• Alban Denoyel, Sketchfab [email protected]
• https://sketchfab.com
• 1 billion page views, 2 million 3d models, 2 million users
• store turns 1 year old
  • 100+ selleers are making $1000
• download api
  • 180k+ 3d gltf format
  • download your own models
• sketchfab MASSIVE
  • unlimited size
  • https://massive.sketchfab.com/dordogne-valley/index.html
• viewer api
  • v1.5
  • demos.sketchfab.com/clients/audi/index.html
• realtime shader
• ground shader
• clear coat
• model inspector
• bone inspector, bone influence
• screen space reflection, follman 2.0G
• anisotropy

7:40 three.js

• Ricardo Cabello, Three.js @mrdoob
• neverending david
• git/talks/gdc-meetup-2019/index.html
• three.js - 9th year
• featurd projects
  • https://jellymar.io
  • https://hinderer-wolff.fr/cepages-alsace
  • http://taotajima.jp
  • https://www.ultranoir.com/
  • https://www.metamarathon.net
  • https://github.com/drcmda/react-three-fiber => this looks cool
• What’s new
  • monthly release, r102 latest
  • canvasrenderer, don’t use it
  • chinese localization
  • lookingglass support
    • https://lookingglassfactory.com/downloads/three-js0library-looking-glass
  • javascript modules
  • github three.js-sandbox example
  • three.legacy.d.ts
  • api clean up, gltf loader
  • editor PWA https://threejs.org/editor

7:52 Energy Compensation in three.js

• Jordan Santell @jsantell
• https://jsantell.github.io/three-energy-compensation
• model viewer, npm install model viewer
• The furnance test
• single scattering, multiscattering from filament docs

8:00 babylon.js

• Gary Hsu, Microsoft @bghgary
• 3d engine built on top of webgl 1&2
• written in typescript
• https://www.babylonjs.com
• some video
• some video, 8th wall
• https://8thwall.com
• What’s new in 4.0 releases
  • new inspector
  • PBR next
  • ESnext modules
  • ammojs
  • optimizations
  • videos
• draft api & extensions
  • WebXR
  • WebGL_multiview
  • KHR_parallel_shader_compile
• avocado.gltf
• https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Avocado
• visual studio code has a preview already and 3d inspector
• https://sandbox.babylonjs.com
• spector.js => chrome extension
  • https://spector.babylonjs.com
• gltf debugging tool in visual studio code

0817 Social VR on the web with Mozilla Hubs

• Robert Long, Mozilla
• Hubs: social place
• https://hubs.mozilla.com
• https://github.com/mozilla/hubs
• VR/AR
• any gltf model, sketchfab, google poly(https://poly.google.com/)
• robot & avatars
• gltf exporter
• https://github.com/j-conrad/hubs-avatar-pipelines
• spoke by mozilla
• gltf editor for hub
• https://sketchfab.com/mozillareality
• hosted Clubhouse challenge in sketchfab
• Hubs is bulit on top of AFrame
  • three-pathfinding
  • three-mesh-bvh
• networked AFrame and janus-plugin-sfu
• Networked Aframe ships with websockets and
• https://github.com/mozilla/janus-plugin-sfu

that’s all

• slides will be available on khronos wiki