Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
IT & Software Other IT & Software 2D Game Development

Programa tu videojuego con Javascript desde cero

Con sencillas herramientas y en una página HTML programaremos en Javascript un videojuego completo
Rating: 4.0 out of 54.0 (6 ratings)
57 students
Created by Marcel Soler Gallart
Last updated 12/2020
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Diseño de un videojuego
  • Programación básica en Javascript
  • Modelo de datos
  • Dibujar con HTML Canvas
  • Animación gráfica

Requirements

  • Conocimientos esenciales de programación: variables, bucles, if/else, funciones...
  • Que te encanten los videojuegos

Description

Si no sabes nada de programación, o si eres principiante, o tal vez dominas la materia pero nunca has sabido cómo hacer un videojuego… este es tu curso.

Prepararé un videojuego...

... con el lenguaje Javascript, uno de los más usados en todo el mundo ...

... en una sencilla página en HTML ...

... con estructuras de datos sencillas ...

... con un nivel básico de programación ...

Y te iré guiando paso a paso.

  • Organizarás tu modelo de datos

  • Verás algoritmos super básicos que sirven tanto para juegos como en otros proyectos

  • Dibujarás en pantalla tus propios gráficos usando solamente HTML + Javascript

  • Aprenderás trucos básicos de los videojuegos

  • Reproducirás tus propios efectos de sonidos

  • Aprenderás algunos trucos de CSS


Soy graduado en Ingeniería Informática de la Facultad de Informática de Barcelona, desde el año 2000.

He trabajado en varias empresas y llevo 15 años como miembro una ONG internacional actuando de webmaster y desarrollador de aplicaciones.

También me dedico a la formación, tengo muchos alumnos que están aprendiendo diferentes lenguajes de programación y otros conocimientos.

Observo a menudo sus dificultades en el aprendizaje, y me pregunto cómo ayudarles. Y me viene a la memoria cuando yo era adolescente. Lo que me motivó a aprender a programar ¡fueron los videojuegos!

Así que me decidí a programar un videojuego y enseñar paso a paso cómo hacerlo. Pero además, me propuse hacerlo con herramientas muy sencillas, todas gratuitas, y sin usar ningún tipo de librería adicional.

Todo con puro HTML5, Javascript y CSS.

Ha sido un camino muy interesante, y ahora tú puedes ver todo el proceso que he seguido hasta llegar al resultado final. Verás las dificultades que he tenido que superar, y las soluciones. Te enseñaré diversas técnicas y trucos siempre de la forma más sencilla posible

Cuando termines el curso tendrás una buena base para empezar a proyectar tus propios juegos, y todo lo que aprendas de Javascript te servirá enormemente, pues es un lenguaje esencial hoy en día en el mundo de la informática.

Si además te gusta dibujar, te mostraré algunas herramientas que te permitan alcanzar tus objetivos.

Ahora puedes ver el programa del curso y las lecciones gratuitas. Estoy seguro que te va a interesar.

Gracias por tu tiempo.

¿Jugamos?

Who this course is for:

  • Programadores principiantes
  • Estudiantes de informática
  • Interesados en Hacer sus propios Juegos

Course content

15 sections • 51 lectures • 7h 2m total length

  • Preview10:51
  • Practica lo aprendido
    1 question
  • Define un modelo de datos
    1 question
  • Preview08:58
  • Dibuja con Canvas
    1 question
  • Preview09:21
  • Programa un Jugador en movimiento
    1 question
  • Imprime los valores de un array
    1 question
  • Preview09:24
  • Dibuja un polígono
    1 question

  • Preview09:51
  • Preview11:20
  • Practica un poco el panel de desarrollador
    1 question
  • Examen parcial
    1 question

  • Colocando al jugador en el terreno
    10:06
  • Cálculo del módulo
    1 question
  • Opcional. Aspectos gráficos del canvas
    07:20
  • Laboratorio: posición del personaje en la altura del suelo
    00:25
  • Programando la caída del personaje
    10:01
  • Programando el salto del personaje
    06:12
  • Detectando eventos del ratón
    1 question
  • Práctica 1
    04:51

  • Creación de enemigos en el juego y avance de cámara
    09:26
  • Colisiones con los enemigos
    03:37
  • Preview00:56
  • Detección de colisiones
    1 question
  • Estados del jugador
    01:19
  • Programando los precipicios en el suelo
    06:39
  • Revisa el código y entiéndelo
    3 questions

  • Preview05:46
  • Trasladando los sprites al juego
    02:38
  • Dibuja tu primer sprite
    1 question
  • Programando la animación del personaje con sprites
    15:19
  • Preview06:51

  • Creamos la pantalla de inicio del juego
    09:21
  • Mejorando el paisaje: ponemos nubes
    08:54
  • Dibujamos el cielo y las montañas del fondo
    05:15
  • Añade un enemigo
    2 questions

  • Redibujando a tu personaje
    04:31
  • Preview20:28

  • Viendo el juego. El nuevo salto con impulso extra
    09:19
  • Nuevos objetos, enemigos y elementos del juego
    13:54
  • Algoritmo de cálculo del terreno según la posición del elemento
    10:51
  • Explicando el cambio de sentido de la tortuga aplicando el algoritmo anterior
    06:23
  • Auto test
    3 questions

  • Mejorando el algoritmo de colisión con el terreno
    12:41
  • Mejorando el algoritmo de colisión con el terreno, parte 2
    09:34
  • Reflexión
    00:24

  • Preview06:59
  • Obtener los efectos de sonido
    09:41
  • Programando los sonidos
    11:34
  • Programando los sonidos - 2
    08:02
  • Busca tus propios sonidos
    00:17

Instructor

Marcel Soler Gallart
Ingeniero Informático
Marcel Soler Gallart
  • 4.0 Instructor Rating
  • 6 Reviews
  • 57 Students
  • 1 Course

Ingeniero en informática desde el año 2000, ha participado de numerosos proyectos, especializándose en el apartado de tecnologías web y la experiencia de usuario.

En los últimos años también dedicando parte de su actividad a la formación.

Interesado en los videojuegos, la música, la inteligencia artificial, la meditación y el crecimiento personal.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.