Raycasting: así funciona el falso 3D en los juegos

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ก.ย. 2024
  • ¿Cómo se creo el mítico Wolfenstein 3D? En este vídeo te cuento los secretos del motor pseudo-3D que dio el pistoletazo de salida al género del FPS y que abrió paso a: Doom, Quake, Unreal, Half Life e incluso... Fortnite.
    🎮 ¿Quieres más? Aprende a programar tus primeros juegos HTML5 paso a paso y desde cero con mi curso de Udemy
    👉 www.udemy.com/...

ความคิดเห็น • 86

  •  4 ปีที่แล้ว +17

    ¡Espero que os guste este primer vídeo sobre Ray Casting! Durante las próximas semanas crearemos, paso a paso, con HTML5 y JavaScript, nuestro propio motor de ray casting. ¿Qué os parece la idea? Contadme :D

  • @javianmuniz
    @javianmuniz 4 ปีที่แล้ว +15

    No os preocupéis, voy a preparar varios tutoriales sobre este tema. Crear un motor pseudo-3D ya es algo un poco más complejo y quiero dedicarle su tiempo, así que esta vez grabaré por lo menos 3 o 4 vídeos para esta serie ;)

  • @terraxted9280
    @terraxted9280 4 ปีที่แล้ว +4

    Excelente video. Me alegra que existan estos tutoriales súper educativos en español

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Muchísimas gracias, Terrax Ted! La verdad es que mi objetivo era el de hacer un canal de programación con contenido que no haya en otros lados. Espero que sigáis disfrutando mucho los próximos tutoriales. ¡Lo mejor está por venir! ¡Buen fin de semana, amigo! ;)

  • @ezeqkr
    @ezeqkr 4 ปีที่แล้ว +4

    Me encantó la idea! Che gracias se va a estar esperando con muchas gracias!

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Muchísimas gracias, Ezequiel! La verdad es que yo tengo muchas ganas de empezar a grabar los tutoriales de esta serie, porque para mi fue muy divertido programar este clon del motor de Wolfenstein durante las últimas semanas ^_^ Esta es precisamente mi idea para este canal: mostraros, paso a paso, cómo se programan todos estos algoritmos de los que no hay mucha documentación por ahí ¡Un abrazo! :)

    • @ezeqkr
      @ezeqkr 4 ปีที่แล้ว +2

      @@javianmuniz claro, es que no solo es interesante el tema, sino que también la pasión que se te ve provoca un mayor atractivo en el tema.
      Punto aparte,también este video fue un gran puntapié a muchas ideas, gracias y un abrazo!

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      @@ezeqkr ¡Gracias, te lo agradezco mucho! ^_^ sí, estos temas me encantan. Ya me estoy documentando para empezar a clonar nuevos motores 3D y Pseudo-3D de juegos clásicos ^_^ ¡Un abrazo y buen fin de semana, Ezequiel! :D

    • @ezeqkr
      @ezeqkr 4 ปีที่แล้ว +2

      @@javianmuniz 🤩👏

  • @shurion
    @shurion 4 ปีที่แล้ว +5

    Excelente video Javier!!
    Me metí en el mundo de la programación con la idea de aprender a hacer juegos, gracias tu dedicación siempre se aprende algo nuevo!! Gracias colega :)

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Hola ShuriON! ¡Muchísimas gracias por tu comentario, te lo agradezco mucho! Te comprendo, yo estudié ingeniería informática precisamente con esa intención, pero luego al final aprendí programación de videojuegos de forma autodidacta (y sigo investigando y aprendiendo). Espero que disfrutes mucho de lo que está por venir, porque van a llegar vídeos de cosas muy chulas, ya lo verás ¡Un abrazo y feliz fin de semana! :D

  • @eboru0064
    @eboru0064 4 ปีที่แล้ว +3

    Chulada de video, crack

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      ¡Un millón de gracias, Eboru 00! Me alegra muchísimo que te haya gustado ¡Un abrazo, crack! :)

  • @davidguillenjimenez7526
    @davidguillenjimenez7526 4 ปีที่แล้ว +4

    Buen trabajo Javi!! Un abrazo muy grande y sigue así!!

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Muchas gracias amigo mio! Tenía muchas ganas de empezar esta serie y empezar a explorar la creación de motores pseudo-3D y 3D ¡Un abrazo grande, David! ;)

  • @Magistrado1914
    @Magistrado1914 2 ปีที่แล้ว +1

    Excelente curso
    Visto en 19/10/2021

  • @ProgramasVBnet
    @ProgramasVBnet 4 ปีที่แล้ว +4

    Me parece super interesante el tema Javier, el Doom es de los pocos juegos en primera persona que jugue y me gustaba, no soy de esos juegos. Dan ganas de comenzar tu curso que lo tengo pendiente y aprender HTML5 y JavaScript. Ahora estoy con la compra de mi nuevo ordenador (ya tocaba después de 7 años con un intel-core2) que me llegará en 1 o 2 semanas y estaré liado configurando equipo y pasando datos. Muchos animos con estos videos y sigue adelante que cada vez somos más. Saludetes

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      ¡Muchísimas gracias, amigo! Te comprendo, a mi me pasó eso mismo con el primer Quake. Con respecto a Doom, también me gustaría probar a clonar su motor gráfico, aunque aquí ya se trata de un árbol BSP en vez de un ray cast al uso, pero puede se interesantísimo. Tengo en mente clonar otros motores pseudo-3D como el "Modo 7" de SNES (Mario Kart, Afterburner, F-Zero X, Pilot Wings...) y también los de los juegos de carreras de coches de la época de los 16 bits. Y finalmente, quiero que creemos un motor 3D real, de cero y sin librerías (nada de WebGL) para comprender bien cómo funciona todo ¡Será divertido! :D
      Qué bien que pronto estrenes PC nuevo, seguro que el cambio es brutal, ya me contarás qué tal ;)
      Muchas gracias por los buenos deseos, la verdad es que me lo estoy pasando genial haciendo este canal y buscando información sobre algoritmos como éste ¡Un abrazo grande y buen fin de semana! :DDDD

    • @ProgramasVBnet
      @ProgramasVBnet 4 ปีที่แล้ว +2

      Genial, la verdad que me da rabia no comenzar y aprender todos estos algoritmos, motores que vas creando y tanto esfuerzo te llevan, pero tengo tantas cosas y ahora el nuevo equipo. Ojala el día tuviera más de 24 horas, a veces duermo 5 o 6 horas como mucho de media porque sino no hago nada, es lo que tiene tener familia numerosa. Naturalmente el cambio será brutal, aunque tengo un portatil i5 de segunda generación también, pero claro el procesador que he pillado es de novena generación, gráfica que puede a 4k y 8k, etc. Aún así no seré de esos que al tener ordenador nuevo se pase a motores como 3D Unity, Unreal Engine... más que nada porque me gusta programar juegos retro, arcade y seguir programando con mi Visual Studio o también HTML y JavaScript. Gracias y saludetes

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      @@ProgramasVBnet Te entiendo perfectamente. A mi me pasa, y no tengo una familia numerosa. Si tuviese más tiempo me lo pasaría investigando más sobre estas cosas... pero bueno, todo se andará ;) ¡Un abrazo! :D

    • @danielesquivel3155
      @danielesquivel3155 3 ปีที่แล้ว

      el doom me marea xd

  • @booyeah4874
    @booyeah4874 4 ปีที่แล้ว +3

    Es genial como lo explicas.

  • @osamita_bin
    @osamita_bin 4 ปีที่แล้ว +2

    Eres lo máximo! Jamás alguien había explicado esto tan bien!!! Suscrito!

  •  4 ปีที่แล้ว +3

    Qué pasada..... No sé por qué no me llegan más alertas.... Que ganas de ver el resto de vídeo.

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +4

      ¡Muchas gracias Sargentogato! Me alegra mucho que te haya gustado :D Ya puedes ver el primer tutorial en el que explico cómo empezar a programar el motor. Esta próxima semana , si todo va bien, publicaré el segundo :)

    •  4 ปีที่แล้ว +2

      @@javianmuniz estaré pendiente.... Que ganas. Me siento como niño esperando los regalos de Reyes.

    •  4 ปีที่แล้ว +2

      Esta tarde nuevo vídeo! En él ya haremos render de las paredes en 3D!!

  • @ferman5903
    @ferman5903 4 ปีที่แล้ว +4

    Interesante, espero que pueda entender los siguientes videos 😂

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +4

      ¡Hola Manuel! No te preocupes, yo siempre he sido muy torpe con las matemáticas y con este tipo de algoritmos, por eso voy a ir paso a paso y lo voy a explicar de la forma más gráfica posible para que lo entendáis todos. Igualmente las matemáticas que usa Wolfenstein 3D son muy básicas, basta con saber algo de trigonometría ¡Un abrazo! :)

  • @floppy6264
    @floppy6264 4 ปีที่แล้ว +3

    excelente video :D

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      ¡Un millón de gracias Floppy! Me alegra muchísimo que te haya gustado :)
      Es genial ver cómo hay a más gente que le gusta la programación y la disfruta tanto como yo ¡Un abrazo! :)

  • @OtavioFerreiraRosa
    @OtavioFerreiraRosa 4 ปีที่แล้ว +5

    Me ha gustado mucho.. y como sugerencia de futuros proyectos sugiero el outrun [es.wikipedia.org/wiki/Out_Run]

    •  4 ปีที่แล้ว +1

      Gracias Otavio! Lo tengo en mente, ya lo he empezado a investigar 😊

    •  3 ปีที่แล้ว +1

      Un juego muy divertido. Otro que tiene esa dinámica gráfica es space harrier.

  • @ZoneTornados
    @ZoneTornados 4 ปีที่แล้ว +3

    Buen video Javi. Una pregunta ¿tienes pensado hacer otro curso más avanzado en Udemy? Ya termine el que tienes y me quedé con ganas de ver más cosas. Que tengas un buen dia

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Hola! muchas gracias, me alegra muchísimo que te haya gustado el vídeo :D
      Pues en principio no, pero si ya has hecho el curso, este canal te va a venir muy bien, porque ya tienes una buena base y vas a poder probar a hacer los tutoriales que voy a subir aquí ¡Creo que te va a gustar mucho el que estoy preparando de raycasting! ;) ¡Un abrazo y que tengas un buen día tú también!

  • @1985stout
    @1985stout 3 ปีที่แล้ว +3

    gracias

  • @OskiReno
    @OskiReno 7 หลายเดือนก่อน +1

    Quiero intentar crear un juego de terror psicológico con este tipo de 3d es genial como se ve

  • @carlosjusdado7800
    @carlosjusdado7800 4 ปีที่แล้ว +2

    Estos videos son una joya

    •  4 ปีที่แล้ว +2

      Muchísimas gracias, Carlos! Pronto vendrá otra serie más de pseudo 3D y otra de 3D real sin webgl :)

    • @carlosjusdado7800
      @carlosjusdado7800 4 ปีที่แล้ว +2

      @ no me los perderé.

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +1

      @@carlosjusdado7800 ¡Muchas gracias, Carlos! Esta misma semana voy a empezar a grabar nuevo contenido, pronto más vídeos :)

  • @darthvader8469
    @darthvader8469 4 ปีที่แล้ว +4

    Ah. Hace mucho hice un juego como ese en gamemaker. Bueno con videos xD

    •  4 ปีที่แล้ว +3

      ¡Qué bueno! yo es la primera vez que programo un motor gráfico de este tipo y ha sido todo un reto, la verdad :)

  • @jorge03b
    @jorge03b 3 ปีที่แล้ว +1

    que guay voy a programarlo

    •  3 ปีที่แล้ว

      Genia!! Ya me contarás qué tal el resultado 😉👍

    •  3 ปีที่แล้ว

      Genia!! Ya me contarás qué tal el resultado 😉👍

  • @lucasmachain
    @lucasmachain 4 ปีที่แล้ว +3

    Buenisimo... esperando tu version del codigo

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Muchas gracias Lucas! Pues si todo va bien, hoy grabo el primero. Espero que este jueves esté online ^_^

  • @luchorap85
    @luchorap85 4 ปีที่แล้ว +5

    Like si amas Javascript.

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      Totalmente ^_^

  • @victormireles6153
    @victormireles6153 4 ปีที่แล้ว +5

    Lo puedes subir por capitulos ? Gracias

    •  4 ปีที่แล้ว +4

      Sí, por supuesto. Este algoritmo ya es más largo. Mínimo 3 o 4 vídeos :)

  • @darthvader8469
    @darthvader8469 4 ปีที่แล้ว +4

    OwO, Justo vi cosas sobre el raytraicing. Bueno ya sabia sobre eso. Pero estos dias me puse a investigar. Me habia instaado una libreria en c++ y esas cosas. Perdon por abandonar javascript >'C. Oka no xd

    •  4 ปีที่แล้ว +4

      ¡Hola crack! Puedes programarlo en C++ sin problemas. Los tutoriales que voy a hacer serán sobre toda la base teórica del algoritmo, así que podéis programarlo en otros lenguajes sin problema :)

    • @darthvader8469
      @darthvader8469 4 ปีที่แล้ว +4

      @ :'3

  • @lucianourquiza9664
    @lucianourquiza9664 4 ปีที่แล้ว +4

    Wow 😂😂

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      ¡Muchas gracias, Luciano! Espero que te haya gustado el vídeo y que te emocione lo que está por venir ¡Va a molar mucho crear un motor gráfico pseudo-3D con vosotros! ^_^ ¡Un abrazo!

  • @darthvader8469
    @darthvader8469 4 ปีที่แล้ว +6

    10:10 Me siento indentificado :(

    •  4 ปีที่แล้ว +5

      Sí, es bastante habitual, hay que buscar mucha documentación. De estas cosas no suele haber tutoriales, por eso quería hacer este canal :)

    • @jesusjesus2167
      @jesusjesus2167 4 ปีที่แล้ว +1

      Yo jugué doom y wolfenstein y después quise crear un juego con esa técnica pero los videos y documentación que había era completa basura

    • @danielesquivel3155
      @danielesquivel3155 4 ปีที่แล้ว +1

      @@jesusjesus2167 yes

  • @CocoOriginsTV
    @CocoOriginsTV 4 ปีที่แล้ว +4

    ¡Hola! Me podrías dame consejos de como escribir un thriller o suspenso gracias

    •  4 ปีที่แล้ว +4

      ¡Hola! En mi canal principal creo que tengo algún vídeo sobre ese tema :) ¡Espero que te sirva!

    • @CocoOriginsTV
      @CocoOriginsTV 4 ปีที่แล้ว +3

      @¿ No se cómo se llama ese video?

    • @davidguillenjimenez7526
      @davidguillenjimenez7526 4 ปีที่แล้ว +2

      @@CocoOriginsTV th-cam.com/play/PLeGaQ587tSb0ayqy8gdTqBO29bk4yg-3q.html

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      @@davidguillenjimenez7526 ¡Muchas gracias, David! justo iba a compartirlo yo también ¡Un abrazote! ^_^

  • @danielesquivel3155
    @danielesquivel3155 4 ปีที่แล้ว +3

    hUM se ve interesante todo.

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Muchísimas gracias Dani! Me alegra mucho que te esté gustando. Estoy deseando que veáis el primer tutorial sobre Raycasting :)

  • @mayma721
    @mayma721 3 ปีที่แล้ว

    Libros que recomiendes para programar el juego

  • @jesusjesus2167
    @jesusjesus2167 4 ปีที่แล้ว +3

    Para seguir los tutoriales tengo que saber algo de programacion?

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +3

      ¡Hola Jesús! En este tipo de vídeos, no, porque son informativos y son para cualquier que tenga un poco de curiosidad por saber cómo funcionan los juegos retro por dentro. Pero si quieres empezar a programarlos y seguir los tutoriales, sí que te será necesario.

  • @01800roc
    @01800roc 4 ปีที่แล้ว +2

    Scientia potentia est
    esto es oro pudo

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      ¡Muchas gracias amigo! Me alegra mucho que te esté gustando el contenido del canal ¡Un abrazo! Nos vemos en el próximo vídeo ;)

  • @darthvader8469
    @darthvader8469 4 ปีที่แล้ว +4

    Me da miedo ese javi pixelado :'0

  • @luchorap85
    @luchorap85 4 ปีที่แล้ว +2

    Omg

    • @javianmuniz
      @javianmuniz 4 ปีที่แล้ว +2

      ¡Gracias colega! Me alegra mucho que te haya gustado el vídeo. Ese va a ser el resultado final de la serie de tutoriales que acabamos de empezar :D

  • @WillianBorba
    @WillianBorba 3 ปีที่แล้ว +1

    ¿Podría usar este conocimiento para crear mi propio juego para gameboy advance? Si es así, ¿cómo podría crear una rom de gameboy advance?

    •  3 ปีที่แล้ว +1

      Sí, por supuesto. Lo que desconozco es cómo crear la ROM, ahí si que no te sé decir. Pero si lo consigues, me lo cuentas, que me parece súper interesante :D

    • @WillianBorba
      @WillianBorba 3 ปีที่แล้ว +1

      @
      Quiero aprender a programar en Raycast y centrarme en cómo portar el juego a Gameboy Advance. Cuando tenga un resultado o descubra algo al respecto te lo diré.

  • @alejandromurillo2174
    @alejandromurillo2174 3 ปีที่แล้ว +1

    That is wayyyyy...