Name: JS GameDev Summit 2023
Start: 2023-09-28T14:00:00.000Z
End: 2023-09-29T18:00:00.000Z

Esta charla se adentrará en cómo construir una IA para un juego de estrategia por turnos desde cero. Cuando comencé a construir Athena Crisis, no tenía idea de cómo construir una IA. Todos los recursos disponibles eran demasiado complejos o confusos, así que simplemente comencé a construirlo basándome en cómo jugaría el juego. ¡Si quieres aprender cómo construir una IA, no te pierdas esta charla!

Construyendo la IA para Athena Crisis

Join Christoph from Nakazawa Tech in building the AI for Athena Crisis, a game where the AI performs actions just like a player. Learn about the importance of abstractions, primitives, and search algorithms in building an AI for a video game. Explore the architecture of Athena Crisis, which uses immutable persistent data structures and optimistic updates. Discover how to implement AI behaviors and create a class for the AI. Find out how to analyze units, assign weights, and prioritize actions based on the game state. Consider the next steps in building the AI and explore the possibility of building an AI for a real-time strategy game.

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!

Building the AI for Athena Crisis

Christoph Nakazawa

En esta charla, compartiré mi experiencia en el desarrollo de juegos utilizando ReactJS/CSS. Exploraremos cómo aprovechar al máximo la gestión de componentes proporcionada por esta biblioteca, junto con las capacidades de CSS para crear una interfaz de usuario atractiva. Además, descubriremos cómo aprovechar la biblioteca React Three Fiber para crear juegos con una experiencia en 3D.

Desarrollo de juegos con ReactJS, CSS y React Three Fiber

Jorge Rubiano, a Software Engineer from Colombia, shares puzzle, isometric, and board games developed using React.js and CSS. He demonstrates the use of WebGL and 3.js for creating 3D games on the web. ReactiveFiber, a renderer that combines React and 3.js, is showcased in movement-based and color-changing games. The Talk concludes with the development of a bowling game using ReactiveFiber and complex components.

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.

Game Development with ReactJS, CSS, and React Three Fiber

Jorge Rubiano

Habiendo trabajado durante 7 años en juegos .io populares como Krunker.io, Diep.io y Ev.io, he visto cómo el mercado de juegos web multijugador crece y evoluciona en la vanguardia de la tecnología web a lo largo de los años.

Lecciones de 7 años de juegos .IO: Lo que funciona, lo que no funciona, hacia dónde ir a partir de aquí

I-O games are multiplayer web games that are easy to pick up but can be played for hours. Developers have added deeper game mechanics and adapted I-O games for mobile, generating high revenue. Acquiring users for I-O games is done by sharing the games to play together at school. Monetization of I-O games is primarily through ads, as it is difficult to generate in-app purchases from the web. Web standards and user-generated content are opening up new possibilities for better web games.

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.

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

Nathan Flurry

Esta charla explora el uso e impacto de la API del Gamepad en el espacio de los juegos web. La API del Gamepad te permite conectar y utilizar varios controladores de juegos con los navegadores, pero dado que esta API está en etapas muy tempranas, rastrear diferentes entradas de controladores en diferentes navegadores se vuelve extremadamente desafiante. Con este propósito, he lanzado una biblioteca de código abierto que proporciona soporte para eventos de presión de botones, movimiento de ejes y efectos de vibración en los navegadores. Nos enfocaremos en cómo podemos aprovechar esta biblioteca para brindar mejores experiencias de juego a los consumidores en la web.

Utilizando la API del Gamepad para una mejor experiencia de juego en la web

The Talk discusses the web gamepad API and its use in game development on the web platform. It explores the GamePad API, which allows developers to connect gaming devices to the browser and use them in gaming applications. The implementation of the GamePad API involves tracking button presses and joystick movements using request animation frame. The Talk also introduces the JoypadJS library, which extends the GamePad API to track button presses, axis movements, and provides haptic feedback. JoypadJS works on modern browsers with GamePad API support and is used in games, interactive applications, and IoT projects.

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.

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

Arun Michael Dsouza

Explora el impacto de las características sociales en el éxito de los juegos y aprende cómo integrarlas rápidamente con el servidor de juegos Nakama OSS. Esta sesión te guiará a través de ejemplos de código, revelando cómo mejorar las capacidades sociales de tu juego. Descubre una forma más rápida y sencilla de potenciar tu viaje en el desarrollo de juegos y desatar el potencial social de tu juego con Nakama!

Potencia las características sociales de tu juego con Nakama

Social features in games increase player engagement, drive in-app purchases, and allow for community building. Nakama is a tool that enables the addition of multiple social features to games, such as authentication, friend management, and leaderboards. The implementation process involves installing the nakama.js package, creating a client object, and using custom authentication. Users can log out, manage friends, view user information, and interact with leaderboards. Additionally, Nakama allows for the implementation of player participation rewards through custom code.

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!

Supercharge Your Game’s Social Features with Nakama

Tom Glenn

En esta presentación, exploraré la transición de WebGL a WebGPU, demostrando cómo estos cambios afectan el desarrollo de juegos. La charla incluirá ejemplos prácticos y fragmentos de código para ilustrar las diferencias clave y sus implicaciones en el rendimiento y la eficiencia.

Migración de WebGL a WebGPU

This talk explores the differences between WebGL and WebGPU, with a focus on transitioning from WebGL to WebGPU. It discusses the initialization process and shader programs in both APIs, as well as the creation of pipelines in WebGPU. The comparison of uniforms highlights the use of uniform buffers for improved performance. The talk also covers the differences in conventions between WebGL and WebGPU, including textures, viewport and clip spaces. Lastly, it mentions the differences in depth range and projection matrix between the two APIs.

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.

Migration from WebGL to WebGPU

Dmitrii Ivashchenko

En el ámbito del desarrollo de juegos, la arquitectura y los patrones de diseño adecuados pueden marcar la diferencia. Esta sesión profundiza en el mundo de los patrones y arquitecturas de desarrollo de juegos en JavaScript, ofreciendo una exploración exhaustiva de las técnicas y estrategias utilizadas para crear juegos atractivos y bien estructurados.

Patrones y Arquitecturas de Desarrollo de Juegos en JavaScript

Today's Talk covers game design and architecture, including entity component systems, game loops, and decoupling game logic from rendering. Entity component systems are popular in JavaScript game development for representing games as entities and their components as behavior on data. Game loops control the flow of the game and updating its state, with different architectures like fixed time step and variable time step. Decoupling game logic from rendering improves performance and flexibility, allowing for independent updates and easy addition of new features. Having a clear separation of concerns in game development improves performance, increases flexibility, and makes debugging easier.

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.

Game Development Patterns and Architectures in JavaScript

Olayinka Atobiloye

Esta charla cubrirá el diseño, las pruebas de juego y la iteración. Después de escuchar esta charla, descubrirás cómo prepararte y llevar a cabo tus pruebas de juego, cómo analizar los resultados y seguir iterando en tus juegos, y te contaré sobre mi experiencia personal en relación al tema, que he adquirido mientras trabajaba en el juego de mesa de CIDA.

El Secreto para una Buena Iteración de Juegos

This talk explores game design, iteration, and prototyping, emphasizing the importance of playtesting with non-developers and smooth prototype testing. Observing playtesters carefully and gathering their feedback is crucial for understanding their thoughts and feelings. Playtesters are essential during the design process to ensure a cohesive and enjoyable game. The speaker shares a personal example of solving multiple problems with a single solution in the game Beast of Colchis. The talk concludes with a reminder to prototype, be nice to playtesters, and focus on making gameplay fun.

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.

The Secret to Good Game Iteration

Tamta Asatiani

<div>En esta sesión, exploraremos la última versión principal de Babylon.js que ha traído avances significativos al desarrollo de juegos basados en la web.</div><div> </div><div>Analizaremos las nuevas características principales que se agregaron a Babylon.js 6.0, incluyendo renderizado fluido y calcomanías de textura, que elevan la fidelidad visual a nuevas alturas, modo de prioridad de rendimiento, soporte de accesibilidad para escenas 3D y la integración del motor de física de clase mundial Havok en el motor, desbloqueando un realismo sin precedentes en juegos basados en la web. También echaremos un vistazo a nuestros planes para la próxima versión principal, a medida que continuamos empujando los límites de lo posible en experiencias web 3D.</div>

Desatando Experiencias Web 3D de Última Generación con Babylon.js 6.0

Babylon.js is an open-source 3D rendering engine that aims to be powerful, beautiful, simple, and open. It supports WebGL, WebGPU, and canvas accelerated UI, and offers features like physics integration and WebXR abstraction. The engine provides tools like the Playground and Inspector for debugging and editing scenes. Babylon Native brings the power of Babylon Engine to Native platforms, and the latest release integrates the Havok physics engine for improved performance. Version 7.0 will introduce new features like the Node Geometry Editor and Flow Graph, and will revamp the API and audio engine.

<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>

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

Raanan Weber

En esta charla, compartiré mis experiencias utilizando el aprendizaje automático para identificar tramposos en juegos multijugador. También discutiremos el potencial del aprendizaje automático en el desarrollo de juegos.

Machine Learning en el Desarrollo de Juegos

Today's Talk explores cheating in video games and the role of machine learning in detecting and preventing it. Trust and fairness are crucial in gaming, as players invest time and emotion into virtual worlds. Traditional rule-based models assess player actions, while machine learning can detect complex and evolving cheating methods. Training models and organizing data are key challenges in utilizing machine learning for cheating detection. The future lies in collaborative security systems that combine rule-based models with machine learning to protect against cheating.

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.

Machine Learning in Game Development

Denis Kondratev

Unity, cuando se implementa en la web, enfrenta tres desafíos críticos: el tamaño de la compilación, el uso de memoria y el rendimiento general. Esta charla profundiza en técnicas avanzadas de optimización para ayudarte a abordar cada uno de estos problemas. Los asistentes obtendrán información sobre: - Estrategias efectivas para optimizar texturas, audio y modelos.- Un análisis detallado de nuestra experimentación con ASTC en Unity, arrojando luz sobre los resultados inesperados a pesar de las afirmaciones de Unity.- Una guía completa de la herramienta de perfilado de memoria de Unity y sus implicaciones.- Una exploración de configuraciones de Unity menos conocidas que siguen siendo subutilizadas por muchos desarrolladores. Además, presentaremos nuestra <a href="https://github.com/CrazyGamesCom/unity-optimizations-package" target="_blank">herramienta propietaria</a> diseñada específicamente para la optimización de Unity. También mostraremos el panel de control para desarrolladores de CrazyGames, nuestra plataforma que permite a los desarrolladores monitorear y mejorar el rendimiento de sus juegos web de manera fluida. Únete a nosotros para equiparte con las últimas estrategias y herramientas para elevar tus proyectos de juegos web de Unity.

¡Mejora el rendimiento de tus juegos WebGL Unity!

The Talk discusses ways to boost the performance of WebGL Unity games, including issues with bundle size, memory usage, and runtime performance. It suggests using Brotli for compression and non-exception support for better performance. Choosing the appropriate texture compression format and experimenting with separate builds can also help. The Talk also covers optimizing textures, models, audio, and assets by reducing build size, using compression, disabling unnecessary models, and optimizing audio quality. Unity's optimization tools and profilers are recommended for analyzing performance and memory issues.

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.

Boost the Performance of Your WebGL Unity Games!

Florin Ciornei

<div>Hacer juegos casuales se ha vuelto más fácil que nunca, pero configurar el modo multijugador todavía requiere que escribas código de red, manejes websockets, equilibres la carga de servidores, coloques servidores y demás.</div><div>Estoy construyendo Playroom para resolver esto, una sincronización de alto rendimiento que maneja la conexión en red y la gestión de las salas para que puedas concentrarte en construir tu juego.</div>

¿Por qué es tan difícil construir un juego multijugador y qué podemos hacer para solucionarlo para todos?

Asad Nehman discusses the challenges of making multiplayer games and suggests ways to simplify the process. He highlights the need for a backend, such as a Node.js server with Socket.io, to handle player connections. Rooms are introduced to connect players and their friends, allowing communication within each room. Hosting options like AWS EC2, Vercel, and Netlify can help scale the game globally. Playroom framework eliminates the need for server code, lobby systems, and managing player profiles.

<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>

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

Asad Memon

En esta charla, profundizaremos en el enorme potencial del elemento Canvas de HTML5 como herramienta para el desarrollo de juegos. Comenzando con una visión general de la API de Canvas y sus capacidades gráficas, analizaremos los beneficios para renderizar gráficos 2D en juegos web. Los participantes obtendrán información sobre técnicas de optimización, técnicas avanzadas de dibujo y animación, y estrategias para aprovechar al máximo las capacidades de Canvas y crear experiencias de juego fluidas y de alto rendimiento. Llena de ejemplos de la vida real, esta charla es imprescindible para profesionales que buscan llevar sus juegos web a nuevos niveles de rendimiento.

Mejora el rendimiento de tus juegos utilizando Canvas

The Talk discusses the use of the canvas element in games and web applications to improve performance. It compares the Canvas API and WebGL API, highlighting the advantages and disadvantages of each. The Canvas API allows for both CPU and GPU rendering, while WebGL API only uses GPU and hardware acceleration. Using the canvas element can significantly enhance performance, but it comes with increased complexity and development costs.

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.

Increase the Performance of Your Games using Canvas

Ilia Chernetskii

Las herramientas de creación de contenido 3D no tienen por qué ser complejas; a veces lo que necesitas es una herramienta especializada que resuelva un problema específico y te proporcione exactamente el modelo que necesitas. Construir este tipo de herramientas utilizando tecnologías web modernas es más fácil de lo que piensas. En esta masterclass, repasaremos los conceptos básicos de cómo escribir una herramienta personalizada basada en la web que pueda exportar modelos 3D.

Creando herramientas CAD personalizadas en la web con ThreeJS

Today we're going to be talking about creating custom CAD tools on the web with 3JS. We'll explore the reasons why you should make web-based tools, including their novice-friendly nature and their suitability for user-generated content. We'll learn how to create custom and parametric geometry using Three.js, set up geometry and material in Three.js, and improve visibility by adding normals to the geometry.

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.

Creating Custom CAD Tools on the Web with ThreeJS

Adrian Herbez

Uso de UDP en el navegador para conexiones más rápidas entre cliente/servidor

This talk introduces geckos.io, a real-time client-server communication library using UDP and WebRTC. The speaker discusses the benefits of UDP for real-time multiplayer games and explains how geckos.io enables UDP connections between browsers and Node.js servers. The deployment process for geckos.io involves opening UDP ports and handling signaling through an HTTP request. The speaker demonstrates how geckos.io works with Docker and showcases the ability to host multiple servers on the same machine. Overall, this talk provides an overview of geckos.io and its applications in real-time communication.

Using UDP in the Browser for faster Client/Server Connections

Yannick

Descubre el arte de crear programas JavaScript extremadamente pequeños. En esta charla aprenderás los principios y técnicas detrás de la creación de scripts compactos pero poderosos que son más cortos que esta descripción. Sumérgete en el cautivador mundo de la programación minimalista, donde utilizamos estos scripts para crear arte, juegos, herramientas y una multitud de experimentos intrigantes.

JavaScript Haikus: Mis Aventuras en la Programación Mínima

This Talk is about writing super tiny JavaScript programs, known as tiny code. It explores the concept of code golf and the use of a live editor for instant feedback. The Talk discusses various ways to share tiny code, including Twitter.net. It also covers creating graphics, games, and sound in a small space. The speaker highlights inspiring tweets and showcases examples of tiny code, including asemic writing. The future of tiny code includes new techniques, better browser support, and AI-assisted programming.

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.

JavaScript Haikus: My Adventures in Tiny Coding

Frank Force

La misión de Synthesis es crear una generación de supercolaboradores a través de juegos. Aprende cómo aprovechamos el poder de las bibliotecas de desarrollo de juegos de código abierto como Pixi.js y Colyseus para construir juegos multijugador de alta calidad que los niños disfrutan.

Construyendo Juegos de Pensamiento en Equipo en Synthesis

Today's Talk is about building team thinking games at Synthesis, an enrichment program aiming to build a generation of super collaborators. The key insight is that design is the main constraint, not graphics or AI. Synthesis uses open-source software and develops its own tools for game design and networking. The architecture of Synthesis games involves a server-native approach and a client-authoritative model for movement. The modular approach allows for quick iteration and flexibility in game development, and investing in content pipeline tools enables the creation of fresh content every week.

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.

Building Team Thinking Games  At Synthesis

Vivek Vidyasagaran

raygui es una interfaz de usuario inmediata muy ligera diseñada para el desarrollo de herramientas, combinada con raylib, permite la creación de pequeñas herramientas web Wasm de alto rendimiento. En esta charla analizaremos este caso de uso específico para el desarrollo de herramientas.

Raygui: Una interfaz de usuario inmediata de modo C para el desarrollo de herramientas Wasm

Welcome to the presentation of RightGui, an immediate mode CUI library for tools development. RightGui is a high-performance library that is stateless and uses small self-contained functions to process inputs and draw controls. It provides a variety of controls, customizable styles, and support tools for live style configuration. Additionally, there are tools like the icons editor and layout creator that allow for customizations and code generation. Reiki offers a variety of tools, including a sound editor, image manipulation canvas, and resource packer.

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.

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

Ramon Santamaria

Rogule es un juego roguelike en línea de código abierto basado en emojis que comenzó como una entrada en el jam de juegos 7DRL. Ahora ha crecido hasta alcanzar alrededor de 1,500 juegos por día. En esta charla, cubriré la tecnología extraña (ClojureScript), la motivación, la mecánica del juego y el futuro de Rogule.

Rogule: Historias desde el Calabozo de un Juego Roguelike Basado en la Web

Chris McCormick, an independent software developer, discusses his latest game Rogl, a minimalist online roguelike game. He shares the story of how Rogl gained popularity and emphasizes the importance of marketing and giving your creations a chance. McCormick highlights the value of frugality and underengineering, as well as the power of finding the best tech for efficiency. He explains why ClojureScript is the best tech for him and discusses deployment strategies using Piku. Overall, the talk emphasizes the importance of informing people about your project, prioritizing fast development, and user feedback.

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.

Rogule: Tales From the Dungeon of a Web Based Rogulelike

Chris McCormick

Nunca ha sido tan fácil hacer tu propio juego web, pero sigue siendo extremadamente difícil. ¿Qué juego deberías hacer? ¿Qué motor deberías elegir? Vamos a discutir cómo responder a estos problemas y formas de aprovechar la plataforma única que es la web.

Cómo hacer un juego web tú solo

This talk guides you on how to make a web game by yourself, emphasizing the importance of focusing on tasks that interest you and outsourcing the rest. It suggests choosing a game engine that allows distribution on the web and aligns with your understanding and enjoyment. The talk also highlights the significance of finding fun in the creative process, managing scope, cutting features that don't align with the game's direction, and iterating to the finish line. It concludes by discussing the options for publishing the game on the web and leveraging unique web features.

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.

How to Make a Web Game All by Yourself

Matt Hackett

Hablemos sobre threejs, react three fiber y cómo comenzar a desarrollar juegos utilizando bibliotecas 3D y motores de física.

Desarrollo de juegos con Threejs

Hi there! I'm Anderson Mancini, a creative developer from Brazil. Let's dive into 3JS game development and how you can start your journey. React ThreeFiber offers a more organized and compact approach to building scenes using components. Explore exciting examples of what you can build with React ThreeFiber and 3JS. Learn the creative process of building a game using 3JS and recommended courses and learning resources. Performance tips for creating games with 3JS will be discussed in tomorrow's session.

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

Game Development with Threejs

Anderson Mancini

Sumérgete en el cautivador mundo del desarrollo de microjuegos con Frank Force en este interactivo masterclass de codificación en vivo. Diseñado tanto para desarrolladores experimentados como para curiosos principiantes, esta sesión explora los desafíos únicos y las alegrías de crear juegos y demos con restricciones extremas de tamaño.

Masterclass de Codificación en Vivo de Juegos Pequeños

The Workshop covered a range of topics, including game development, code optimization, and fractal art. The presenter demonstrated various mini games created on Twitter, as well as a vase maker and an archery game. The use of particle effects and ray casting techniques were also explored. Overall, the Workshop emphasized the importance of prototyping, code cleanliness, and experimentation in software development.

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

"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.

Real-Time Virtual Content Adaptation with AI

Abde Ali Lokhandwala

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.

Adding multiplayer to a simple three.js game using Playroom

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 Headless <a href="https://focusreactive.com/react-cms/" target="_blank" rel="noopener noreferrer">React CMS</a> &amp; <a href="https://focusreactive.com/nextjs-cms/" target="_blank" rel="noopener noreferrer">NextJS CMS</a>, FocusReactive is the one to help you scale.

As a special perk, we're offering a complimentary <a href="https://focusreactive.com/nextjs-performance-audit/" target="_blank" rel="noopener noreferrer">NextJS audit</a> 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

JS GameDev Summit 2023

All Stars GameDev and Graphics on the Web