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 Personal Transformation Life Purpose Meditation 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 Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging 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
Development Game Development 3D Game Development

Introducción a three.js y creación de videojuegos 3D en web

Aprende a crear elementos 3D y videojuegos en la web con three.js
Rating: 4.3 out of 54.3 (33 ratings)
121 students
Created by Francisco Pereira Alvarado
Last updated 7/2020
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • A crear tu primer videojuego 3D en la web
  • Entender como funciona threejs desde la base
  • Crear una estructura de código para trabajar con tus elementos 3D
  • Entender la cámara de perspectiva y ortográfica
  • Hacer un juego 3D desde cero usando threejs
  • A usar y mezclar distintas librerías necesarias para la creación de juegos 3D

Course content

2 sections • 24 lectures • 3h 39m total length

  • Preview04:45
  • Preview15:41
  • Preview06:27
  • Perspective camera
    06:19
  • Orthographic camera
    04:33
  • Materiales, luz y helpers
    16:05
  • Cargar texturas, uv, normals maps
    08:42
  • Modularizando el código, aprendemos los grupos y hacemos el método resize
    19:30
  • OrbitControl, grupos, Objects3D y uso de webpack (modularizar el código),
    08:45
  • Trabajo con sombra
    07:02
  • Grupos y Tweens (creamos un carrito) - Parte 1
    13:44
  • Grupos y Tweens - Parte 2
    08:19

  • Introducción
    09:37
  • Creando nuestro grupo para poder hacer stacks
    06:41
  • Agregamos helpers, stack y update con movimiento
    09:23
  • Crearemos nuestros primeros eventos
    05:46
  • Obtener datos de corte para los cubos
    11:07
  • Usamos los datos de corte para crear nuevos cubos
    12:26
  • Agregando efecto al cubo cortado
    06:12
  • Paneo de cámara
    04:30
  • Completando los eventos del juego
    10:11
  • Haciendo zoom-in y zoom-out de la cámara y agregamos tween cuando perdemos
    06:40
  • Creando la interfaz de usuario
    07:34
  • Finalizando nuestro juego y dando vida a la interfaz
    09:16

Requirements

  • Tener conocimientos previos de JavaScript (si no los tienes te facilito algún cursillo gratuito si lo pides)
  • Tener conocimientos básicos de HTML y CSS (si no los tienes te facilito algún cursillo gratuito si lo pides)

Description

¿Has querido aprender a desarrollar en 3D para la web y te has perdido entre tanta información?

Sé que es difícil empezar este camino así que he decidido crear este curso para ti.

Para poder desarrollar el curso usaremos una poderosa librería llamada three.js, esta librería es una de las más usadas en el entorno web para poder renderizar 3D en el navegador, cuenta con una documentación genial y con grandiosos ejemplos que puedes explorar.

Si eres desarrollador web, tienes conocimientos de programación básica o simplemente quieres aprender a hacer tu primer juego 3D y trabajar con 3D en la web, este curso es para ti.

Te guiaré paso a paso creando ejercicios simples que nos ayudarán a conocer nuestra librería, y aprenderás a mezclar unas librerías que van genial con three.js y el desarrollo 3D en la web como lo son eventemitter3 y tweens.js.

Una vez hayamos aprendido como funciona nuestra librería favorita crearemos un videojuego llamado StackBlocks.

Te invito a ver el contenido gratuito para que puedas decidirte a adquirir este curso.

Who this course is for:

  • Toda persona que quiera aprender a hacer 3D en la web
  • Toda persona que quiera aprender a hacer su primer juego 3D en la web
  • Toda persona que quiera introducirse al uso de threejs de manera fácil

Instructor

Francisco Pereira Alvarado
Programador, desarrollador web y creador de videojuegos.
Francisco Pereira Alvarado
  • 4.6 Instructor Rating
  • 239 Reviews
  • 58,221 Students
  • 3 Courses

Soy Francisco José Pereira Alvarado y soy desarrollador de videojuegos, colaborador en Phaser y administrador de sistemas.

He desarrollado varias herramientas que usa la comunidad de Phaser como también he desarrollado varios juegos con este maravilloso framework.

Me gusta mucho JavaScript es mi lenguaje de programación favorito y gracias a este lenguaje he podido desarrollar aplicaciones híbridas las cuales cada una tiene  muy buena puntuación en Google Play.

Además de desarrollar videojuegos me encanta la inteligencia artificial y me dedico a aprender todo lo que puedo.

Me gusta crecer en conocimientos y compartir cada conocimiento que voy adquiriendo.


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