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

JavaScript GameDev Summit is a 2-day online event for engineers, technical artists, and creative developers who develop games and graphics-heavy applications with Web technology. See the latest updates from graphics engine crews, game development case studies, best practices, and much more in September, 2023.

JS GameDev Summit 2023

FocusReactive

CrazyGames

POKI

Evolution Gaming

FocusReactive will help you architect, build, and lead technically advanced websites focusing on performance and scalability. Partners and <a href="https://focusreactive.com/next-js-expert-agency/" target="_blank" rel="noopener noreferrer">experts in Next.js/Vercel</a>, Storyblok, Sanity, Contentful, Shopify Hydrogen, and other Headless eCommerce platforms.Whether you seek <a href="https://focusreactive.com/headless-cms-expert-agency/" target="_blank" rel="noopener noreferrer">expert Headless CMS agency</a> services or an expert agency with deep experience with platforms like <a href="https://focusreactive.com/storyblok-expert-agency/" target="_blank" rel="noopener noreferrer">Storyblok</a> or <a href="https://focusreactive.com/sanity-expert-agency/" target="_blank" rel="noopener noreferrer">Sanity</a>, FocusReactive is the one to help you scale.

As a special perk, we're offering a complimentary NextJS audit designed to pinpoint areas for optimization, improve performance, and ensure you're following the best practices for SEO and security.&nbsp; Our expert team will closely examine your implementation, provide actionable insights, and help you leverage the full power of NextJS.

Free NextJS Performance and SEO Best Practices Audit

Next.js, Headless CMS and eCommerce expert agency

Building the AI for Athena Crisis

Christoph Nakazawa

JavaScript Haikus: My Adventures in Tiny Coding

Frank Force

Raygui: An Immediate-Mode C UI for Wasm Tools Development

Ramon Santamaria

Game Development with Threejs

Anderson Mancini

How to Make a Web Game All by Yourself

Matt Hackett

Rogule: Tales From the Dungeon of a Web Based Rogulelike

Chris McCormick

Supercharge Your Game’s Social Features with Nakama

Tom Glenn

Lessons From 7 Years of .IO Games: What Works, What Doesn’t Work, Where to Go From Here

Nathan Flurry

Using the Gamepad API for a Better Gaming Experience on the Web

Arun Michael Dsouza

Why Is Building a Multiplayer Game So Hard and What Can We Do to Fix It for Everyone

Asad Memon

Game Development with ReactJS, CSS, and React Three Fiber

Jorge Rubiano

Unleashing Next-Gen 3D Web Experiences with Babylon.js 6.0

Raanan Weber

Game Development Patterns and Architectures in JavaScript

Olayinka Atobiloye

The Secret to Good Game Iteration

Tamta Asatiani

Using UDP in the Browser for faster Client/Server Connections

Yannick

Building Team Thinking Games  At Synthesis

Vivek Vidyasagaran

Migration from WebGL to WebGPU

Dmitrii Ivashchenko

Creating Custom CAD Tools on the Web with ThreeJS

Adrian Herbez

Machine Learning in Game Development

Denis Kondratev

Boost the Performance of Your WebGL Unity Games!

Florin Ciornei

Real-Time Virtual Content Adaptation with AI

Abde Ali Lokhandwala

Increase the Performance of Your Games using Canvas

Ilia Chernetskii

This talk will dive into how to build an AI for a turn based strategy game from scratch. When I started building Athena Crisis, I had no idea how to build an AI. All the available resources were too complex or confusing, so I just started building it based on how I would play the game. If you would like to learn how to build an AI, check out this talk!

In this talk, I will share my experience in game development using ReactJS/CSS. We will explore how to make the most out of the component management provided by this library, along with the capabilities of CSS for creating an appealing user interface. Additionally, we will uncover how to leverage the React Three Fiber library to create games with a 3D experience.

Having worked for 7 years on popular .io games like Krunker.io, Diep.io, and Ev.io, I've seen the multiplayer web game market grow and evolve on the bleeding edge of web tech over the years.

This talk explores the usage and impact of the Gamepad API in the web gaming space. The Gamepad API lets you connect and use various gaming controllers with browsers, but since this API is in very early stages, tracking different controller inputs across browsers becomes extremely challenging. For this very purpose I have released an open source library which provides support for button press, axis movement events as well as vibration play effect in browsers. We’ll be focusing on how we can leverage this library for providing better gaming experiences to consumers on the web.

Explore the impact of social features on game success and learn how to integrate them swiftly with Nakama OSS game server. This session will guide you through code examples, revealing how to enhance your game’s social capabilities. Discover a faster, simpler way to supercharge your game development journey and unleash your game’s social potential with Nakama!

In this presentation, I'll explore the transition from WebGL to WebGPU, demonstrating how these changes affect game development. The talk will include practical examples and code snippets to illustrate key differences and their implications on performance and efficiency.

In the realm of game development, the right architecture and design patterns can make all the difference. This session delves into the world of game development patterns and architectures in JavaScript, offering a comprehensive exploration of the techniques and strategies used to create engaging and well-structured games.

This talk will cover designing, playtesting, and iteration. After listening to this talk you'll find out about how to prepare for and run your playtest, how to analyze the results and further iterate on your games, and I'll tell you about my personal experience regarding the topic, which I have gained while working on CIDA's boardgame.

<div>In this session, we will explore the latest major release of Babylon.js that has brought significant advancements to web-based game development.</div><div> </div><div>We will look into the new major features that were added to Babylon.js 6.0,  including fluid rendering and texture decals, which elevate visual fidelity to new heights, performance priority mode, accessibility support for 3D scenes, and the integration of the world-class Havok physics engine into the engine, unlocking unparalleled realism in web-based games. We will also have a sneak peek into our plans for the next major version, as we continue to push the boundaries of what's possible in 3D web experiences. </div>

In this talk, I will share my experiences with using machine learning to identify cheaters in multiplayer games. We will also discuss the potential of machine learning in game development.

Unity, when deployed on the web, faces three critical challenges: build size, memory usage, and overall performance. This lecture delves deep into advanced optimization techniques to help you address each of these issues. Attendees will gain insights into: - Effective strategies for optimizing textures, audio, and models.- A detailed analysis of our ASTC experimentation with Unity, shedding light on the unexpected results despite Unity's claims.- A comprehensive guide to Unity's memory profiling tool and its implications.- An exploration of lesser-known Unity settings that remain underutilized by many developers. Additionally, we'll introduce our <a href="https://github.com/CrazyGamesCom/unity-optimizations-package" target="_blank">proprietary tool</a> designed specifically for Unity optimization. We will also showcase CrazyGames' developer dashboard, our platform that enables developers to monitor and enhance the performance of their web-based games seamlessly.  Join us to equip yourself with the latest strategies and tools to elevate your Unity web gaming projects.

<div>Making casual games has become easier than ever but setting up multiplayer still requires you to write network code, deal with websockets, load-balancing servers, co-locating servers and whatnot. </div><div>I am building Playroom to solve this, a high-performance sync that handles the networking and the room management so you can focus on building your game.</div>

In this talk, we will dive deeper into the enormous potential of the HTML5 Canvas element as a tool for game development. Starting with an overview of the Canvas API and its graphics capabilities, we will look at the benefits for rendering 2D graphics for web games. Participants will gain insight into optimization techniques, advanced drawing and animation techniques and strategies for leveraging the full capabilities of Canvas to create smooth, high-performance gaming experiences. Filled with real-life examples, this talk is a must-see for professionals looking to take their web games to new heights of performance.

3d content creation tools don't have to be complex- sometimes what you need is a special-purpose tool that solves a specific problem and gives you exactly the model you need. Building such tools using modern web technologies is easier than you think. In this talk, we'll walk through the basics of writing a custom web-based tool that can export 3d models.

Discover the art of crafting extremely small JavaScript programs. In this talk you’ll learn principles and techniques behind crafting compact yet powerful scripts that are shorter than this description! Dive into the captivating world of minimalist coding, where we use these scripts to conjure art, games, tools, and a myriad of intriguing experiments.

Synthesis' mission is to create a generation of supercollaborators through games. Learn how we harness the power of open source game dev libraries like Pixi.js and Colyseus to build high quality multiplayer games that kids enjoy.

raygui is a very lightweight immediate-mode UI intended for tools development, combined with raylib, it allows the creation of small high-performant wasm web tools. In this talk we will analyze this specific use case for tools development.

Rogule is an emoji based open source online roguelike game that started life as a 7DRL game jam entry. It has now grown to around 1,500 games per day. In this talk I'll cover the weird tech (ClojureScript), the motivation, game mechanics, and the future of Rogule.

It's never been easier to make your own web game, but it's still extremely difficult. What game should you make? Which engine should you choose? Let's discuss how to answer these problems and ways to leverage the unique platform that is the web.

Let's talk about threejs, react three fiber and how to start developing games using 3d libraries and physics engines.

"Real-Time Game Virtual Content Adaptation with AI: Unleashing the Power of Personalized Immersion" is an enthralling talk that explores the magical world of AI-driven real-time content adaptation in gaming. The talk highlights how AI algorithms dynamically adjust virtual game content, environments, characters, challenges, and narratives to cater to each player's preferences and actions. By delving into AI-driven player profiling and content reshaping, the talk showcases how personalized immersion enhances player engagement and fosters a profound sense of presence in the virtual realm. Attendees will gain insights into the transformative potential of AI-curated storytelling and intelligent gameplay mechanics, making every gaming experience a unique and unforgettable journey for each individual player.

Dive into the captivating world of micro-game development with Frank Force in this interactive live coding workshop. Tailored for both seasoned developers and curious newcomers, this session explores the unique challenges and joys of creating games and demos with extreme size constraints.

Tiny Game Live Coding Workshop

We take a simple three.js example scene and add multiplayer to it in this workshop without setting up any servers, making any UI for matchmaking, user avatars and all that stuff.

JS GameDev Summit 2023

All Stars GameDev and Graphics on the Web