Crea sistemas de juegos en línea con canvas y PHP 7
What you'll 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.
Course content
- Preview10:50
- 00:12Contáctame
- 01:09Antes de comenzar
- 02:28CANVAS
- 15:12Preparando nuestro lienzo - parte 1
- 10:49Preparando nuestro lienzo - parte 2
- 13:15Dibujando figuras geométricas - parte 1
- 10:45Dibujando figuras geométricas - parte 2
- 16:28Dibujando figuras geométricas - parte 3
- 12:52Creando nuestro primer dibujo en CANVAS - parte 1
- 06:53Creando nuestro primer dibujo en CANVAS - parte 2
- 08:45Utilizando gráficos Mapa de Bits en CANVAS - parte 1
- 14:18Utilizando gráficos Mapa de Bits en CANVAS - parte 2
- 15:09Utilizando línea de tiempo en CANVAS - parte 1
- 07:33Utilizando línea de tiempo en CANVAS - parte 2
- 02:47Utilizando línea de tiempo en CANVAS - parte 3
- 04:19Programación Orientada a Objetos en Javascript
- 14:01POO en CANVAS
- 20:55Eventos de teclado en CANVAS
- Preview17:47
- 10:37Colsiones - parte 2
- 12:05Colsiones - parte 3
- 17:19Creando nuestro primer juego en CANVAS - Laberinto
- 6 questionsPon en práctica lo aprendido
Requirements
- Es recomendable que los estudiantes que tomen este curso estén familiarizados con JAVASCRIPT y PHP, más no es un requisito.
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.
Who this course is for:
- Este curso de CANVAS va dirigido a las personas que deseen aprender a crear sus propios juegos en plataformas web de una forma nativa sin ayuda de plugins o extensiones
Instructor
![Juan Fernando Urrego](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.5 Instructor Rating
- 37,067 Reviews
- 210,956 Students
- 32 Courses
Mi nombre es Juan Fernando Urrego, soy profesional en Diseño Visual, programador y especialista en Administración de la Informática Educativa. Dedicado tiempo completo a la docencia en Desarrollo Web y Diseño Interactivo. Fundador del portal de cursos Tutoriales a tu Alcance. Soy un convencido de que la internet es la oportunidad del conocimiento, la educación y los empleos del futuro.