3D Camera in JavaScript - No Libraries [Understanding AI - Lesson 10 / 15]

Sdílet
Vložit
  • čas přidán 28. 06. 2024
  • PLAYLIST: • Self-driving Car :: Ph...
    In Lesson 10 of the "Understanding AI" course, I'm excited to teach you how to implement a unique perspective in your self-driving car project: one from the car's viewpoint. The fascinating part? We won't be using any libraries to achieve this effect, as the underlying math is surprisingly straightforward. I believe understanding the fundamentals is crucial, and you'll appreciate the simplicity of the method.
    I stumbled upon a helpful video ( • Programming racing gam... ) during my own learning journey, which inspired the approach I'm about to share with you. While the method I'll teach is a bit different, it caters to our self-driving car's ability to turn around, allowing us to see things from any angle. The core mathematical principles, however, remain almost the same. For another perspective, I recommend checking out the referenced video.
    Get ready for some in-depth learning on creating a 3D camera sensor in JavaScript using math. We're diving into the world of perspective views, and by the end of this lesson, you'll be able to implement this exciting feature in your own projects. Join me in exploring the mathematical magic behind 3D cameras, and don't forget to like, share, and subscribe for more lessons on AI, game development, and innovative programming techniques!
    💻CODE 💻
    github.com/gniziemazity/under...
    Follow Along: 5. Procedural Sound
    Code After This Lesson: 6. Camera Part 1
    💬DISCORD💬
    discord.gg/gJFcF5XVn9
    ⭐LINKS⭐
    Self-driving Car Course: • Self-driving Car :: Ph...
    Video about 3D: • Programming racing gam...
    #RacingGame #RacingGameJavaScript #3D #Pseudo3D #3DNoLibraries #3DJavaScript #JavaScript Lesson
    ⭐TIMESTAMPS⭐
    00:00 Introduction
    01:01 Quick Debugging
    02:42 Camera Object
    09:58 Rendering what the Camera sees
    14:05 Explaining the Projection
    19:30 Debugging / Fixing Problems

Komentáře • 34

  • @DanielJoseAutodesk
    @DanielJoseAutodesk Před 2 měsíci +3

    Liked 👍👍... It is very rare to see anyone going back to the origins of graphical programming. 😁Now it hit me even a little nostalgia, remembering the time when we did not have 3D boards yet ... Dear I just noticed that I am already an elder ...👴👴👴🤣🤣👍

    • @Radu
      @Radu  Před 2 měsíci

      Yeah :-) I liked making this video.

  • @2difficult2do
    @2difficult2do Před 2 měsíci +3

    Thumb up, best explanation of perspective and camera angle 👍👍👍 Thank you! I will wait for the continuation

    • @Radu
      @Radu  Před 2 měsíci +1

      Coming next week :-)

  • @cazpfitl
    @cazpfitl Před 2 měsíci +4

    a whole new perspective, amazing!

    • @Radu
      @Radu  Před 2 měsíci

      Sure is :-)

  • @javifontalva7752
    @javifontalva7752 Před 2 měsíci +9

    Mind-blowing!!!🤯

  • @Xoundz
    @Xoundz Před 2 měsíci +2

    Radu, you are simply The Best ! ❣️

    • @Radu
      @Radu  Před 2 měsíci

      Thank you :-)

  • @joseantonioruiz2470
    @joseantonioruiz2470 Před 2 měsíci +1

    Felicidades Radu, haz mejorado mucho la edición y calidad en los videos. El contenido también es espectacular!

    • @Radu
      @Radu  Před 2 měsíci

      Thank you! And thanks for watching! :-)

  • @mpbasics8285
    @mpbasics8285 Před 2 měsíci +1

    a huge fan already

    • @Radu
      @Radu  Před 2 měsíci

      Thanks :-)

  • @adilsonbuset738
    @adilsonbuset738 Před 2 měsíci +1

    Sensationnel! J'ai aimé la partie où tu utilises le jouet du bébé.😀

    • @Radu
      @Radu  Před 2 měsíci +1

      Haha :-) yeah, I liked that part too!

  • @disrael2101
    @disrael2101 Před 2 měsíci +1

    very unique content i love it! deff outstanding out here on youtube where everyone's pretty much just copy each other pretty much ;)

    • @Radu
      @Radu  Před 2 měsíci

      To be honest, I don't know much of what others are doing... I only have few coding channels I keep an eye on and they seem to be quite original.

    • @disrael2101
      @disrael2101 Před 2 měsíci +1

      @@Radu interesting where did you find them? i was talking mainly on freecodecamp tutorials if you were curious where i got my opinion from

    • @Radu
      @Radu  Před 2 měsíci

      I don't know... I think CZcams just recommends me some things and sometimes it does a great job figuring out the good stuff :-)

  • @321123580
    @321123580 Před 2 měsíci +1

    Wow ❤

  • @ChandrashekarCN
    @ChandrashekarCN Před 2 měsíci +1

    💖💖💖💖

  • @juancamacho479
    @juancamacho479 Před 2 měsíci +1

    maaaaan ive been following all the videos for the self driving car and still don't understand how it is able to render all this stuff xD

    • @Radu
      @Radu  Před 2 měsíci +1

      It's not that many polys / points in the small worlds I'm using here.
      For the bigger worlds (like on my website) I also use a grid-based indexing method so I only render things within the cells on-screen.
      That's it, pretty much :-)

  • @themightysapien
    @themightysapien Před 2 měsíci +1

    Hmm trying really hard to understand the 3d 😂.And Mr Final Boss says its easy.

    • @Radu
      @Radu  Před 2 měsíci

      Well, what we're doing here is not really that hard :-)

  • @pizdaxyu
    @pizdaxyu Před 2 měsíci +1

    why ohh why did I sleep thru my trigonometry/geometry classes :D

    • @Radu
      @Radu  Před 2 měsíci

      Maybe because they were boring :-D

  • @kissmeifyouloveme5983
    @kissmeifyouloveme5983 Před 2 měsíci +2

    I have completed Phase 1 and now am starting phase 2.

    • @Radu
      @Radu  Před 2 měsíci

      Awesome, let me know how it goes! :-)