If you're seeing this message, it means we're having trouble loading external resources on our website.

Si estás detrás de un filtro de páginas web, por favor asegúrate de que los dominios *.kastatic.org y *.kasandbox.org estén desbloqueados.

Contenido principal

Unidad: JS avanzado: juegos y visualizaciones

Introducción a juegos y visualizaciones

Un recorrido rápido por los muchos componentes de los juegos y visualizaciones, demostrados por algunos de nuestros programas favoritos.
Aprende
Introducción a juegos y visualizaciones
(Abre un modal)

Manejo de escenas

Aprende cómo cambiar entre varias escenas de tu programa, incluso si son animadas o interactivas.
Aprende
¿Qué son las escenas?
(Abre un modal)
Cambios de escena simples
(Abre un modal)
Desafío: cuentacuentos
(Abre un modal)
Escenas animadas
(Abre un modal)
Escenas interactivas
(Abre un modal)
Cambios de escena controlados con botones
(Abre un modal)

Botones

Aprende cómo crear botones para tus programas que sean fáciles de personalizar.
Aprende
¿Qué son los botones?
(Abre un modal)
Una función botón
(Abre un modal)
Un tipo de objeto Button
(Abre un modal)
Desafío: carrera de conejos
(Abre un modal)

Crear un juego de desplazamiento lateral: Castor Saltarín

Aprende a hacer un juego de desplazamiento lateral sencillo, donde presionas una tecla para que tu castor recolecte suficientes palos para su guarida. ¡Podrías extenderlo fácilmente para hacer tu juego flappy favorito!
Aprende
Introducción al Castor Saltarín
(Abre un modal)
El personaje castor
(Abre un modal)
El ambiente del bosque
(Abre un modal)
Desafío: Pong
(Abre un modal)
Chocar con los palos
(Abre un modal)
Juntar puntos y ganar
(Abre un modal)
Proyecto: Castor Saltarín Extremo
(Abre un modal)

Hacer un juego de Memoria

¿Alguna vez has jugado el juego donde volteas cartas para tratar de encontrar parejas? ¡Aprende a programar una versión digital de este juego!
Aprende
Introducción a "Memoria"
(Abre un modal)
Juego de memoria: dibujar una cuadrícula de fichas
(Abre un modal)
Juego de memoria: voltear fichas
(Abre un modal)
Juego de memoria: hacer puntos y ganar
(Abre un modal)
Desafío: "Gato"
(Abre un modal)
Proyecto: Memoria++
(Abre un modal)

Transformaciones

Aprende cómo utilizar translate(), rotate() y scale() para facilitar la manipulación de figuras en tus programas.
Aprende
Traducción
(Abre un modal)
Desafío: traslación salvadora
(Abre un modal)
Rotación
(Abre un modal)
Desafío: rotación
(Abre un modal)
Homotecia (Escalar)
(Abre un modal)
Desafío: ilusión óptica
(Abre un modal)
Transformaciones múltiples
(Abre un modal)
Desafío: sol brillante escalado
(Abre un modal)

Figuras 3D

Aprende
¿Qué son las figuras 3D?
(Abre un modal)
Crear figuras 3D
(Abre un modal)
Dibujar figuras 3D
(Abre un modal)
Rotar figuras 3D
(Abre un modal)
Generar figuras 3D
(Abre un modal)

Herramientas avanzadas de desarrollo

Aprende cómo construir juegos y visualizaciones más complicados al usar editores de escritorio y herramientas de depuración.
Aprende
Usar ProcessingJS fuera de Khan Academy
(Abre un modal)
Usar diferentes editores de código
(Abre un modal)

Acerca de esta unidad

Una vez hayas tomado Introducción a JS, ven aquí para aprender técnicas que te ayudarán a hacer programas de múltiples escenas, gráficos en 3d, menús de botones y juegos con puntuación.