Embracing WebGPU and WebXR With Three.js

This talk is confirmed. The time of the talk will be announced soon.

The recording will be published after editing. Multipass and Full ticket holders have early access.

In the rapidly evolving landscape of web technologies, the introduction of WebGPU and WebXR represents a significant leap forward, promising to redefine the boundaries of what's possible in 3D web experiences. This talk dives into the heart of these new technologies, guided by the Three.js library.

We begin by exploring WebGPU, a next-generation graphics API offering enhanced performance and efficiency for rendering 3D graphics directly in the browser. We'll demonstrate how Three.js is adapting to harness its full potential, unlocking unprecedented opportunities for developers to create visually stunning interactive experiences.

Transitioning to the immersive realm, we delve into WebXR, a technology that opens the door for virtual reality and augmented reality experiences right from the web. We'll showcase how Three.js enables creators to build immersive experiences.

webgpu three.js

Mr.doob

Video transcription, chapters and summary will be available later.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Unreal Engine in WebAssembly/WebGPU

JS GameDev Summit 2022

33 min

Unreal Engine in WebAssembly/WebGPU

Top Content

Alex St. Louis

Co-founder and Chief Operating Officer @ Wonder Interactive

Traditionally, browser games haven't been taken seriously. If you want to target the web, that traditionally has meant compromising on your vision as a game developer. Our team at Wonder Interactive is on a mission to change that, bringing one of the world's premiere native game engines to the browser - Unreal Engine. In our talk, we'll dive into our efforts porting the engine to the browser and carrying on the pioneering unfinished work started at Epic Games nearly a decade ago in collaboration with Mozilla. We'll dive into what this means for the future of games in the browser, and the open metaverse on the web.

webgl webassembly webgpu game development game engine

Build a 3D Solar System with Hand Recognition and Three.js

JSNation 2022

36 min

Build a 3D Solar System with Hand Recognition and Three.js

Top Content

Liad Yosef

Duda

We live in exciting times. Frameworks like TensorFlowJS allow us to harness the power of AI models in the browser, while others like Three.js allow us to easily create 3D worlds. In this talk we will see how we can combine both, to build a full solar system, in our browser, using nothing but hand gestures!

tensorflow three.js 3d

Makepad - Leveraging Rust + Wasm + WebGL to Build Amazing Cross-platform Applications

JSNation 2022

22 min

Makepad - Leveraging Rust + Wasm + WebGL to Build Amazing Cross-platform Applications

Top Content

Rik Arends

Makepad

In this talk I will show Makepad, a new UI stack that uses Rust, Wasm, and WebGL. Unlike other UI stacks, which use a hybrid approach, all rendering in Makepad takes place on the GPU. This allows for highly polished and visually impressive applications that have not been possible on the web so far. Because Makepad uses Rust, applications run both natively and on the Web via wasm. Makepad applications can be very small, on the order of just a few hundred kilobytes for wasm, to a few megabytes with native. Our goal is to develop Makepad into the UI stack of choice for lightweight and performant cross-platform applications. We intend to ship with our own design application and IDE.

rust webgpu innovation

Making “Bite-Sized” Web Games with GameSnacks

JS GameDev Summit 2022

33 min

Making “Bite-Sized” Web Games with GameSnacks

Top Content

Alex Hawker

Software Engineer on the GameSnacks team @ Google

One of the great strengths of gaming on the web is how easily accessible it can be. However, this key advantage is often negated large assets and long load times, especially on slow mobile connections. In this talk, Alex Hawker from Google’s GameSnacks will illustrate how they are tackling this problem and some key learnings the team found while optimizing third party games and designing their own ultra-lightweight game engine.

game development game server three.js

Extending Unity WebGL With Javascript

JS GameDev Summit 2022

32 min

Extending Unity WebGL With Javascript

Top Content

Brendan Duncan

Senior Software Engineer @ Unity Technologies

Unity can build games to run in a web browser using tools like Emscripten, Web Assembly, and WebGL. It provides integration with the browser, using browser APIs to simulate native APIs. Sometimes it is useful to interface with the browser in ways that Unity does not natively provide support for. In this talk, I will discuss how Unity builds games for the web, and how to extend Unity using Javascript to enable support for features not otherwise provided.

webgl webgpu game development game engine

React + WebGPU + AI – What Could Go Wrong? 😳

JSNation 2023

31 min

React + WebGPU + AI – What Could Go Wrong? 😳