Udemy

Platform

Español

Language

Game Development

Category

Crea sistemas de juegos en línea con canvas y PHP 7

Aprende a crear juegos en línea con canvas, gráficos SVG con datos JSON, javascript con POO y PHP con bases de datos SQL

4.60 (292 reviews)

1981

Students

20.5 hours

Content

Nov 2020

Last Update
$19.99
Regular Price


What you will learn

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.


Description

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


Screenshots

Crea sistemas de juegos en línea con canvas y PHP 7
Crea sistemas de juegos en línea con canvas y PHP 7
Crea sistemas de juegos en línea con canvas y PHP 7
Crea sistemas de juegos en línea con canvas y PHP 7

Content

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!



Reviews

J
Juan18 August 2020

Muy buen curso me saco de un apuro con la materia de graficación, muy recomendable este curso y gracias.

D
Diego6 April 2020

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.

A
Abisay13 February 2020

Como justamente estoy comenzando el curso no puedo decir mucho de ello, pero con el paso que va, pienso que realmente aprenderé

M
Marco11 February 2020

Excelente curso, las explicaciones son adecuadas y se entienden, además el ritmo de enseñanza es correcto. Muy recomendado.

L
Luis17 June 2019

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.

J
Juan2 June 2019

It was good but at the end I fill like the instructor did explain some things as good as I was waiting.

M
Marcelo2 April 2019

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.

J
Jorge20 March 2019

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.

V
Víctor12 March 2019

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.

J
Jeison26 November 2018

fue una excelente eleccion ya que me ayudara a mejorar el conocimiento que tengo con javascript y utilizarlos con canvas

C
Christian5 October 2018

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.

G
Gemma10 June 2018

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.

V
Víctor30 April 2018

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.

A
Alexis17 January 2018

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.

I
Inu21 November 2017

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.



Coupons

StatusDateDiscount
Expired2/13/202150% OFF

1186588

Udemy ID

4/19/2017

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore