JS GameDev Summit is a 2-day online event for engineers, technical artists, creative developers who develop games and graphics heavy application with Web technology. Get the latest updates from graphics engines crews, game development case studies and best practices and much more.

JS GameDev Summit

JS GameDev Summit 2022

The open source PlayCanvas game engine is built specifically for the browser, incorporating 10 years of learnings about optimization. In this talk, you will discover the secret sauce that enables PlayCanvas to generate games with lightning fast load times and rock solid frame rates. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Optimizing HTML5 Games: 10 Years of Learnings

Will Eastcott

During this session, we’ll see a couple of demos of what you can do using WebXR, with Babylon.js. From VR audio experiments, to casual gaming in VR on an arcade machine up to more serious usage to create new ways of collaboration using either AR or VR, you should have a pretty good understanding of what you can do today. Check the article as well to see the full content including code samples: <a href="https://www.davrous.com/2022/04/12/from-gaming-to-metaverses-building-webxr-apps-with-babylon-js/" target="_blank">article</a>.  by <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Building Fun Experiments with WebXR & Babylon.js

David Rousset

LittleJS is a super lightweight game engine that is easy to use and powerfully fast. The developer will talk about why he made it, what it does, and how you can use it to create your own games. The talk will include a demonstration of how to build a small game from scratch with LittleJS. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Making Awesome Games with LittleJS

Frank Force

Web 3 Gaming: What it is and Why it Matters

Paul Gadi

Unreal Engine in WebAssembly/WebGPU

Alex St. Louis

By interacting with the Colyseus community over the past few years, some fundamental questions (not necessarily connected with the framework) seem to appear time and time again when developers start to build their own multiplayer games. This talk is going to cover some of these questions, as well as the most common scenarios and techniques you can start using today when building your own multiplayer game. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Making Multiplayer Games with Colyseus, Node.js and TypeScript

Endel Dreyer

Making “Bite-Sized” Web Games with GameSnacks

Alex Hawker

This session explores common performance and memory issues that arise in WebGL builds produced using the Unity game engine. Examine how to identify, troubleshoot and avoid pitfalls that may lead to out-of-memory errors. Learn how to reduce game instability and improve game performance in WebGL builds. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Detect and Avoid Common Performance and Memory Issues in Unity WebGL Builds

Oz Syed

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. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Extending Unity WebGL With Javascript

Brendan Duncan

With the ever growing opportunities for creating online multiplayer games for different platforms, and many reachable and easy to use open-source tools, it has become much more convenient for developers to create exciting multiplayer games. In this talk, Sahar will create a simple multiplayer game to demonstrate it and talk about the issues she faced when creating her own games. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Multiplayer Web Games Using JavaScript

Sahar Pournasseh

We have never had so many great options for game engines and frameworks. Sometimes though, too many options can be paralyzing. In this talk we are going to discuss the various available game engines and development frameworks for HTML game development and hopefully help you select the one that is right for you. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Choosing a Game Engine or Framework for HTML Game Development

Mike Fleischauer

So you want to be an indie game developer? You probably have an idea of what indie game development is like. My job is to assure you that you are wrong. I'm going to talk about misconceptions around indie game development and all you need to know before getting into it. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

So You Want to be an Indie Game Developer?

Tamta Asatiani

One of the major new features WebGPU introduces is compute shaders. I'll cover the basics of how they work and go through some applications that weren't possible before on the web. Examples include Unreal Engine 5's compute-based rendering techniques, and complex particle simulations. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

What Can you Do with WebGPU?

Omar Shehata

Vultr's Walt Ribeiro takes users through steps to easily launch game servers with Vultr using their One-Click Marketplace across more than 20 locations.In this talk, Walt will demonstrate how to configure your account, how to browse and deploy from Vultr Marketplace, and how to stand up a basic Minecraft server using Bash on Ubuntu. Other flagship products and tools developers love will be highlighted along the way! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Independence: The Gaming Advantage

Walt Ribeiro

An Art Directors’ perspective on the creation of online slots. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

The Art of Slots

Matt Butler

On the web, games are not pre-installed, but downloaded at the moment of play. Therefore the loading experience is a key part of your game’s success. During this talk Poki’s Kasper Mol will introduce you to the Conversion to Play concept, and what methods are available to nail this. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Conversion to Play: The Art of Loading

Kasper Mol

The open interoperable metaverse and why Webaverse believe Web is the best medium for it. How this will give rise to game development / 3D on the web. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Fire-side chat with Ahad Shams

Ahad Shams

Instead of manually drawing each image like traditional art, generative artists write programs that are capable of producing a variety of results. In this workshop you will learn how to create incredible generative art using only a web browser and text editor. Starting with basic concepts and building towards advanced theory, we will cover everything you need to know. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

How to make amazing generative art with simple JavaScript code

Walt will show you 2 ways to quickly create a game server on Vultr - one with our one-click Minecraft installation on Vultr Marketplace, and another within Terminal after deploying a Vultr server. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

How to spin up Game Servers with Vultr Marketplace

Largely based on <a href="https://www.youtube.com/watch?v=PXdUJIcRBkk">Free Association in the Metaverse - Avaer @Exokit - M3</a>, Avaer will demo some of the ways that open standards enable open and free traversal of users and assets throughout the interconnected metaverse. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Building the Interconnected, Traversable Metaverse

Avaer Kazmer

In this workshop, we’ll build a complete game using the PlayCanvas engine while learning the best practices for project management. From development to publishing, we’ll cover the most crucial features such as asset management, scripting, audio, debugging, and much more. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

PlayCanvas End-to-End : the quick version

João Ruschel

In this workshop, we'll introduce you to the core concepts of building Mixed Reality experiences with WebXR and Balon.js. You'll learn the following:- How to add 3D mesh objects and buttons to a scene- How to use procedural textures- How to add actions to objects- How to take advantage of the default Cross Reality (XR) experience- How to add physics to a scene For the first project in this workshop, you'll create an interactive Mixed Reality experience that'll display basketball player stats to fans and coaches. For the second project in this workshop, you'll create a voice activated WebXR app using Balon.js and Azure Speech-to-Text. You'll then deploy the web app using Static Website Hosting provided Azure Blob Storage. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

All Stars GameDev and Graphics on the Web