4.60 (292 reviews)
☑ Aprenderás a hacer gráficos dinámicos a través de javascript y a utilizar javascript con programación orientada a objetos.
☑ Aprenderás el uso de los gráficos SVG mezclados con CANVAS, y hacer colisiones físicas para tus juegos.
☑ Aprenderás a construir un juego de plataforma al mejor estilo de Mario Bros (enemigos, colisiones, trampas, saltos, vidas, entre otros elementos que caracterizan los juegos de plataforma).
☑ Aprenderás a utilizar el patrón Modelo-Vista-Controlador con PHP orientado a objetos para que nuestros juegos sean multi-usuarios, seguros y se pueda llevar registros de puntajes.
☑ Aprenderás a construir tus propios juegos en línea con registro multi-usuario desde la red social de facebook para generar estrategias y campañas de masificación de tus juegos en la web. Además estos juegos que vas desarrollar en línea los podrán jugar desde diversas plataformas como laptop, tablet o móvil sin necesidad de instalar ninguna extensión.
¿DE QUÉ SE TRATA EL CURSO?
Hoy en día el desarrollo de vídeo juegos ha traspasado las barreras en plataformas, ahora puedes hacer tus juegos orientados a la web, con registro de usuarios e integración de redes sociales para estrategias de negocios o sólo para entretenimiento.
En este curso vas a aprender a generar gráficos dinámicos por medio de javascript a través del elemento HTML5 llamado CANVAS. Un recurso que ha revolucionado los gráficos en la web gracias a sus contextos 2D y 3D. Además vamos a utilizar la ventaja de los vectores SVG para ser importados a través de datos JSON y así poder generar interacciones más enriquecidas en Javascript con programación orientada a objetos.
Finalmente incluiremos datos SQL con PHP utilizando el patrón Modelo-Vista-Controlador para hacer registro de usuarios a través de la red Social Facebook y así impulsar nuestros juegos en forma masiva. ¡Anímate a subir de nivel!
¿CÓMO ES EL CURSO?
El curso se divide en varias secciones. En una primera sección nos introduciremos en CANVAS, allí aprenderás a hacer gráficos dinámicos a través de javascript y a utilizar javascript con programación orientada a objetos.
Luego aprenderemos el uso de los gráficos SVG mezclados con CANVAS, allí aprenderás hacer colisiones físicas para tus juegos.
En las siguientes secciones construiremos un juego de plataforma al mejor estilo de Mario Bros (enemigos, colisiones, trampas, saltos, vidas, entre otros elementos que caracterizan los juegos de plataforma), utilizaremos el patrón Modelo-Vista-Controlador con PHP orientado a objetos para que nuestros juegos sean multi-usuarios, seguros y se pueda llevar registros de puntajes.
En la última sección subiremos nuestro juego a un hosting gratuito y conectaremos nuestro juego con los perfiles de Facebook para publicar puntajes y compartirlos de forma masiva.
¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?
Depende de ti. Estimo que menos de tres semanas puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.
¿CUÁLES SON LOS REQUISITOS?
Descargar el material que se encuentra en los recursos de la primera clase de cada sección. Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: "Aprende HTML5 y CSS3 desde cero". No es indispensable pero sería bueno para la construcción del juego y almacenamiento de datos tener bases en Javascript y PHP, además te recomiendo descargar el servidor local XAMPP para cualquier sistema operativo, con versión PHP mínimo 5.6.28, lo puedes descargar desde la página web directa de XAMPP.
¿A QUIÉN VA DIRIGIDO ESTE CURSO?
Este curso va dirigido a personas que deseen desarrollar juegos en línea con HTML5, personas que deseen subir de nivel en la programación y adquirir competencias en el desarrollo de video juegos orientado a plataformas web.
Introducción a CANVAS
Bienvenida
Contáctame
Antes de comenzar
CANVAS
Preparando nuestro lienzo - parte 1
Preparando nuestro lienzo - parte 2
Dibujando figuras geométricas - parte 1
Dibujando figuras geométricas - parte 2
Dibujando figuras geométricas - parte 3
Creando nuestro primer dibujo en CANVAS - parte 1
Creando nuestro primer dibujo en CANVAS - parte 2
Utilizando gráficos Mapa de Bits en CANVAS - parte 1
Utilizando gráficos Mapa de Bits en CANVAS - parte 2
Utilizando línea de tiempo en CANVAS - parte 1
Utilizando línea de tiempo en CANVAS - parte 2
Utilizando línea de tiempo en CANVAS - parte 3
Programación Orientada a Objetos en Javascript
POO en CANVAS
Eventos de teclado en CANVAS
Colsiones - parte 1
Colsiones - parte 2
Colsiones - parte 3
Creando nuestro primer juego en CANVAS - Laberinto
Pon en práctica lo aprendido
PREPARANDO NUESTRO JUEGO DE PLATAFORMA
Organizando el proyecto bajo el patrón MVC - parte 1
Organizando el proyecto bajo el patrón MVC - parte 2
Organizando el proyecto bajo el patrón MVC - parte 3
Haciendo el registro de Usuarios - parte 1
Haciendo el registro de Usuarios - parte 2
Haciendo el registro de Usuarios - parte 3
Revisar usuarios repetidos
Iniciar Sesión - parte 1
Iniciar Sesión - parte 2
Cerrar Sesión
Archivo HTACCESS y url's amigables
Llamando los niveles y puntajes
Llamando los mejores puntajes
Graficando el CANVAS - parte 1
Graficando el CANVAS - parte 2
Graficando el CANVAS - parte 3
Haciendo un Preload
Llamando datos JSON
TRABAJANDO CON LA LÍNEA DE TIEMPO
Moviendo el escenario con el teclado - parte 1
Moviendo el escenario con el teclado - parte 2
Generando efectos de profundidad
Habilitando niveles y actualizando puntajes
Subiendo nivel y puntajes a la base de datos
Aplicando fullscreen al navegador
Agregando la gravedad y las colisiones - parte 1
Agregando la gravedad y las colisiones - parte 2
Agregando la gravedad y las colisiones - parte 3
Agregando el salto de nuestro jugador
Agregando los sprites al jugador
Corrigiendo algunos detalles de colisión
AGREGANDO LA UTILERÍA DE NUESTRO JUEGO
Agregando las monedas - parte 1
Agregando las monedas - parte 2
Colisionando con las monedas
Agregando las trampas
Agregando movimiento a las trampas
Agregando los enemigos
Agregando disparos de los enemigos
Colisionando con las balas del enemigo
Agregar disparos del jugador
Colisiones entre disparo jugador y disparo enemigo
Maquetando el tablero del juego
Activando nuestro tablero - parte 1
Activando nuestro tablero - parte 2
Agregando los sonidos - parte 1
Agregando los sonidos - parte 2
Agregando el panel final - parte 1
Agregando el panel final - parte 2
Habilitando los controles del sonido
FINALIZANDO NUESTRO JUEGO
Optimizando los sonidos
Optimizando las imágenes
Agregar todos los gráficos a la precarga
Adquiriendo un hosting para nuestro juego
Inicio de Sesión con Facebook - parte 1
Inicio de Sesión con Facebook - parte 2
Cerrar Sesión de Facebook
Compartir puntajes con Facebook
Agregando nuestro juego al escritorio de los dispositivos touch
Creando inicio de Sesión desde dispositivos touch
Creando los controles para dispositivos touch
Cambiar etiqueta <meter> por etiqueta <progress>
Subiendo nuestro juego al servidor remoto
Probando nuestro juego desde un IPAD
Despedida
¡Clase Extra!
Muy buen curso me saco de un apuro con la materia de graficación, muy recomendable este curso y gracias.
Excelente, te explican desde lo mas basico a lo mas avanzado, y lo mejor sin tener un minimo de experiencia el usuario aprende muy rapido, felicidades por esta gran metodologia.
Como justamente estoy comenzando el curso no puedo decir mucho de ello, pero con el paso que va, pienso que realmente aprenderé
Excelente curso, las explicaciones son adecuadas y se entienden, además el ritmo de enseñanza es correcto. Muy recomendado.
El curso esta bien para los que van iniciando y creo que pueden aprender los fundamentos, pero fuera estado mejor si se fuera abordado las entidades con los objetos del escenario de canvas (enemigos, balas) con instancias. Recomendaría que se actualizara la parte de configuración de Facebook ya que esta ha cambiado y se requiere dedicar tiempo para encontrar las opciones.
It was good but at the end I fill like the instructor did explain some things as good as I was waiting.
El instructor explica claramente los temas al punto que prácticamente no ha sido necesario el tener que comparar mi avance con los archivos de código fuente que vienen con el curso, ya que lo que he desarrollado ha resultado prácticamente igual a cómo se está explicando en los videos. El curso está cumpliendo mis espectativas. Cabe señalar que la sección del loguín con Facebook debe actualizarse ya que cuando se grabó el video Facebook permitía el loguearse desde una página http pero ahora Facebook obliga a tener un certificado de seguridad en la página, pero a pesar de ello el curso es excelente.
Excelente manera de explicar. Se nota evidentemente que el instructor conoce y es experto en los temas que expone. Los cursos de este señor son recomendados al 100 %, especialmente los de PHP.
Todos los cursos del Ingeniero Fernando Urrego no solo son clases, son experiencia pura; y este referente a videojuegos no es la excepción; altamente recomendable.
fue una excelente eleccion ya que me ayudara a mejorar el conocimiento que tengo con javascript y utilizarlos con canvas
Excelente curso, un combo espectacular de conocimientos de php, javascript, json, mysql, gráficos svg. Muy bien explicado y no se guarda nada, corrige errores y hace el proyecto lo mejor que se puede.
No pensaba que iba a tener una explicación tan detallada sobre canvas, y lo agradezco muchísimo, las explicaciones son excelentes. Entrando en materia, el tutorial cumple con lo prometido en el video de introducción. He de decir, que hice una pausa, para seguir otro tutorial sobre el Modelo Vista Controlador y la Programación Orientada a Objetos de PHP, porque se me hacía cuesta arriba seguir este curso sin unas bases previas sobre ello (sólo había manejado con anterioridad código spaguetti de php). Finalizado el curso, lo recomiendo, se aprende muchísimo también sobre Javascript orientado a objetos, carga de gráficos, trucos varios, etc. Y el juego es maravilloso y sirve de base lo aprendido para crear otros escenarios.
Un buen curso, bien impartido, lleno de conceptos y formas modernas de cómo se trabaja la programación hoy en día, con el MVC y la OOP. Y utilizando herramientas modernas como el inicio de sesión con facebook.
Hasta el momento me siento a gusto con las explicaciones del profesor, detallado y despacio sin hacer que el estudiante se desespere adelantar el vídeo. Buenas explicaciones, claras y sencillas. A seguir adelante con el curso.
Entrenador Agradable. Explica muy bien. Lo ha hecho interesante. único punto en contra: no me agradan sus pronunciacioines en spanglish. sería mejor que lo pronunciara como és en inglés. Igual en el ambiente se trabaja mucho con gente de otros paises.
Status | Date | Discount | ||
---|---|---|---|---|
Expired | 2/13/2021 | 50% OFF | ||