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

Unity, cuando se despliega en la web, enfrenta tres desafíos críticos: tamaño de compilación, uso de memoria y rendimiento general. Esta conferencia 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 sobre la herramienta de perfilado de memoria de Unity y sus implicaciones.- Una exploración de configuraciones menos conocidas de Unity que muchos desarrolladores aún no utilizan. 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 basados en la web sin problemas.  Únete a nosotros para equiparte con las últimas estrategias y herramientas para elevar tus proyectos de juegos web en 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.

Florin Ciornei

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.

Ilia Chernetskii

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.

Matt Hackett

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.

Frank Force

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.

Christoph Nakazawa

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.

Yannick

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.

Jorge Rubiano

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.

Ramon Santamaria

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.

Anderson Mancini

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.

Olayinka Atobiloye

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.

Nathan Flurry

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.

Adrian Herbez

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.

Dmitrii Ivashchenko

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.

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.

Chris McCormick

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.

Vivek Vidyasagaran

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.

Arun Michael Dsouza

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

Raanan Weber

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

Asad Memon

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.

Tamta Asatiani

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.

Denis Kondratev

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.

Tom Glenn

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

Try our new AI tool –&nbsp;<a href="https://product2video.com/" target="_blank" rel="noopener noreferrer">Product2Video</a> Turn product images into short videos in seconds Join the&nbsp;<a data-start="176" data-end="214" rel="noopener" target="_new" href="https://product2video.com/">waitlist</a> and help us shape the future of eCommerce content 🎁 As a thank-you, we’ll gift a <a href="https://gitnation.com/events" target="_blank" rel="noopener noreferrer">GitNation conference ticket</a> to selected users who share their feedback about our new tool!

AI-Driven personalization & NextJS Development agency

JS GameDev Summit 2023

All Stars GameDev and Graphics on the Web

Available in other languages: