Skip to main content

Tutoriales

Cómo distribuir tus juegos Beginner

Exporta tu juego y publícalo en la web, escritorio, móvil, itch.io y Steam.

por assertchris

Sprites Audio
Cómo añadir un cursor personalizado Beginner

Oculta el cursor predeterminado, diseña un reemplazo en pixel art y haz que siga al ratón.

por assertchris

Sprites Input
Cómo construir un cursor virtual Intermediate

Controla un cursor con el teclado, desplaza mundos más grandes con la cámara y gestiona clics en objetos.

por assertchris

Shapes Sprites Input Camera Collision
Cómo construir un sistema de guardado y carga Intermediate

Almacena el estado del juego en localStorage y cookies, valida datos cargados, limita escrituras y exporta cadenas de guardado.

por assertchris

Text Input
Cómo construir un juego de plataformas Intermediate

Añade gravedad, plataformas sólidas, salto, plataformas de un sentido, coyote time, aplastamiento de enemigos y bloques reactivos a tu juego.

por assertchris

Shapes Sprites Text Input Collision
Cómo tomar capturas de pantalla Beginner

Captura el canvas del juego como imagen y descarga un PNG con una sola llamada.

por assertchris

Shapes Text Input
Cómo usar el sistema de mapas Beginner

Construye niveles con tiles en capas, gestiona múltiples mapas y desplaza la cámara por mundos más grandes que la pantalla.

por assertchris

Text Input Camera Maps
Cómo añadir atajos de teclado personalizados Beginner

Crea una capa de mapeo de entrada, permite a los jugadores reasignar teclas en tiempo real y guarda sus preferencias con localStorage.

por assertchris

Shapes Text Input
Cómo construir un motor de raycasting Advanced

Lanza rayos a través de un mapa de cuadrícula, proyecta paredes 3D a partir de distancias, muestrea texturas desde sprites y añade sombreado por distancia — todo con pset y trigonometría básica.

por assertchris

Pixel Shapes Text Input
Cómo construir navegación con clic para mover Intermediate

Construye un juego top-down con navegación por clic, pathfinding BFS para esquivar obstáculos, y modos de movimiento por cuadrícula y libre.

por assertchris

Shapes Sprites Text Input Maps
Pathfinding a fondo Advanced

Amplía BFS a ocho direcciones, añade costes de terreno con Dijkstra y acelera la búsqueda con A* — todo en la misma cuadrícula, con comparación visual.

por assertchris

Shapes Sprites Text Input Maps
Cómo construir un plugin Beginner

Crea extensiones reutilizables para el motor con la API de plugins, pruébalas en modo borrador y publica versiones.

por assertchris

Shapes Text Input
Cómo construir un juego de carreras cooperativo local Intermediate

Dibujá una pista de carreras vista desde arriba, agregá dirección estilo tanque con aceleración, un segundo jugador, colisiones entre autos, penalizaciones fuera de pista y una meta de tres vueltas.

por assertchris

Shapes Sprites Text Input Maps
Cómo construir una aventura top-down Intermediate

Construye un mundo basado en tiles con un personaje que camina, colisiones con paredes, interacciones con NPCs y un sistema de diálogos.

por assertchris

Sprites Text Input Camera Maps
Cómo Construir un RPG de Captura de Monstruos Advanced

Construye un mundo top-down con encuentros aleatorios, combate por turnos, barras de HP, una mecánica de captura de monstruos y un sistema de equipo.

por assertchris

Shapes Sprites Text Input Camera Maps
Cómo Construir una Máquina de Estados Beginner

Organiza tu juego en estados distintos — pantalla de título, gameplay, game over — usando una simple variable de modo que controla qué se actualiza y dibuja cada frame.

por assertchris

Shapes Text Input
Cómo Usar Object Pooling Intermediate

Pre-asigna y recicla objetos en lugar de crearlos y destruirlos en cada frame — mira el contador de FPS como prueba.

por assertchris

Shapes Text Input
Cómo Construir un Sistema de Oleadas y Aparición Intermediate

Genera enemigos desde los bordes, organízalos en oleadas y aumenta la dificultad con el tiempo — un patrón reutilizable para cualquier juego de supervivencia en arena.

por assertchris

Shapes Text Input
Cómo Construir Sistemas de Cámara Intermediate

Sigue a un jugador con una cámara suave, limita el movimiento a los bordes del mundo y agrega vibración de pantalla para impacto — tres sistemas que todo juego de acción necesita.

por assertchris

Shapes Input Camera
Cómo Construir un Bullet Heaven Intermediate

Un juego estilo survivors con proyectiles que atacan automáticamente, oleadas de enemigos, recolección de XP y opciones de mejora — construido sobre object pooling, generación de oleadas y sistemas de cámara.

por assertchris

Shapes Text Input Camera
Cómo Construir una Interfaz de Pistas Intermediate

Alterna capas visuales para resaltar objetos del juego, dibuja conexiones entre elementos relacionados y construye un sistema de ayuda que los jugadores pueden activar a demanda.

por assertchris

Shapes Text Input
Cómo Construir un Gestor de Escenas Intermediate

Construye un gestor de escenas con selección de niveles, seguimiento de progreso y transiciones — usando un minijuego de recoger gemas.

por assertchris

Shapes Text Input
Cómo Añadir Game Juice Intermediate

Destellos de pantalla, explosiones de partículas, indicadores pulsantes y curvas de easing — pequeños trucos que hacen que un juego de breakout cobre vida.

por assertchris

Pixel Shapes Text Input
Cómo Construir un Juego de Sokoban Intermediate

Empuja cajas hacia los objetivos a través de niveles hechos a mano — con deshacer, gestión de escenas, una capa de pistas y animaciones pulidas.

por assertchris

Pixel Shapes Sprites Text Input Maps
Cómo añadir sacudida de pantalla y balanceo de vista Intermediate

Añade ritmo al caminar y respuesta a colisiones en un raycaster en primera persona — balanceo sinusoidal de vista al moverse y sacudida de pantalla con decaimiento exponencial al chocar con paredes.

por assertchris

Pixel Shapes Input Camera
Cómo Añadir Niebla e Iluminación Intermediate

Reemplaza el sombreado plano por distancia con niebla difuminada, añade una antorcha parabólica del jugador y coloca farolas volumétricas en un raycaster en primera persona.

por assertchris

Pixel Shapes Input
Cómo añadir aparición de monstruos y búsqueda de caminos Intermediate

Renderiza sprites tipo billboard en un raycaster en primera persona, dales a los monstruos persecución con línea de visión y búsqueda de caminos BFS alrededor de paredes, y hazlos aparecer con activadores de zona.

por assertchris

Pixel Shapes Input
Cómo Agregar Gestión de Escenas y Niveles a un Raycaster Intermediate

Carga múltiples mapas, transiciona entre niveles con un efecto de fundido, rastrea el progreso del jugador y construye un flujo de juego completo para un raycaster en primera persona.

por assertchris

Pixel Shapes Text Input
Cómo Agregar Pósters Decorativos y Objetos Intermediate

Aprende a colocar texturas decorativas en las paredes y objetos independientes con colisión en un raycaster.

por assertchris

Pixel Shapes Input
Cómo construir niveles a partir de pixel art Intermediate

Aprende a definir niveles de raycaster como pixel art y a crear texturas de pared, pósteres y props de mayor fidelidad a partir de múltiples sprites.

por assertchris

Pixel Shapes Input