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.golbal/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
COMMENTS
Related Post