TypeScript is better than C for this

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024
  • Streamed Live on Twitch: / tsoding
    Enable Subtitles for Twitch Chat
    More Episodes: • Raycasting in TypeScript
    References:
    - Tsoding - Raycasting - github.com/tso...
    - lodev.org/cgtu...
    - tsoding.github...
    - github.com/tso...
    - mariusschulz.c...
    Support:
    - BTC: bc1qj820dmeazpeq5pjn89mlh9lhws7ghs9v34x9v9
    - Pay for my VPS: zap-hosting.co...

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

  • @ptlerner
    @ptlerner 3 หลายเดือนก่อน +65

    32:08 looking forward to the Nuclear Reactor episode

  • @justfly1984
    @justfly1984 3 หลายเดือนก่อน +45

    Next video: We are developing nuclear reactor in Typescript

  • @anar2609
    @anar2609 3 หลายเดือนก่อน +19

    меня поражает твое трудолюбие и нескончаемый энтузиазм

  • @atxorsatti
    @atxorsatti 3 หลายเดือนก่อน +30

    I really still do not procees the fact that you are writing in ts. I am so used to see you writing c code.

    • @tianned
      @tianned 3 หลายเดือนก่อน +5

      Yeah and also his famous “C voice” contributes to the overall confusion

    • @atxorsatti
      @atxorsatti 3 หลายเดือนก่อน +4

      @@tianned I see you saw the last episode

    • @blackbeard3449
      @blackbeard3449 3 หลายเดือนก่อน +5

      ​@@tiannedI have yet to figure out tf a "C Voice" is?

    • @follantic
      @follantic 2 หลายเดือนก่อน

      @@blackbeard3449 You will soon C.

  • @ekshalibur
    @ekshalibur 3 หลายเดือนก่อน +21

    hmm, thats a weird looking C... whats going on here, a-mista a-Zozin?

  • @abrarmasumabir3809
    @abrarmasumabir3809 3 หลายเดือนก่อน +19

    The thumbnail of the video is really good!

  • @brazilianmmalegends
    @brazilianmmalegends 3 หลายเดือนก่อน +4

    I will see tha day where this guy will make a fucking audio driver in TypeScript.

  • @stephaneduhamel7706
    @stephaneduhamel7706 3 หลายเดือนก่อน +7

    59:00 lighting is actually very easy, at least for simple diffuse shading. Just take the cosine of the angle between the normal vector and the incoming light direction (a simple dot product with normalized vectors does the trick)

  • @gmfCoding
    @gmfCoding 3 หลายเดือนก่อน +14

    I recently (a few months ago) followed this exact raycasting guide for a 'school' project with a team mate, we did it in C, it was really cool.
    I went a little further than the guide, I added transparency, where a ray could go through a cell if it was marked as transparent, it would record the depth etc then continue.
    The renderer would then draw the walls furthest to closest.
    Everything was single threaded, 960x960 30fps, ~30 million pixel read writes per second best case. (in reality a lot more)
    We made "3D" doors that slowly open, we made an enemy that follows you, and we made mini-games you interact with (among us style).
    My favorite part was the Event Trigger System, where entities can emit events and receive events, so you can wire up entities to interact with each other.
    Say you have a task and a door, the door will only become unlocked if you complete the task, it was such a simple idea, but it takes the complexity of the map to the next level with so much customisation.

    • @chriscoyc
      @chriscoyc 3 หลายเดือนก่อน

      really cool project, did you put on github?

    • @Eldarlll
      @Eldarlll 25 วันที่ผ่านมา

      42 school?

    • @gmfCoding
      @gmfCoding 25 วันที่ผ่านมา

      @@Eldarlll yup

  • @VinnyXL420
    @VinnyXL420 3 หลายเดือนก่อน +1

    WAIT! WAT?! Zozz admits TS can be better than C?!?#@#$%

  • @atxorsatti
    @atxorsatti 3 หลายเดือนก่อน +1

    I do not believe you go comment comment copying it from the comments on twitch and pasting in the subtitles on you tube, can you share the script you used for that?

  • @botafi
    @botafi 3 หลายเดือนก่อน +9

    1:13:10 He wasn't clueless. He straight up posted documentation how to draw image to canvas from img element and also how to load it using url. Also you can use the drawImage function that you pass it to draw part of the image even one pixel which was part of the documentation that he posted.
    Edit: I see you have gotten it later in the stream - that you can use img element + drawImage like that :D

    • @berndeckenfels
      @berndeckenfels 3 หลายเดือนก่อน +4

      Yes I really hate when he claims people are trolling when the page they posted exactly describe that.. but yeah it’s steaming and you can’t read everything, but then …

    • @berndeckenfels
      @berndeckenfels 3 หลายเดือนก่อน

      1:41:00 maybe dirty backbuffer?

    • @htcbelyaev
      @htcbelyaev 3 หลายเดือนก่อน

      If you don't need raw image data, maybe you don't need web server anymore, btw

  • @xravenx24fe
    @xravenx24fe 3 หลายเดือนก่อน +1

    Tsoding you posted this at the best time, I wanted to make a simple classic 1st person dungeon crawler but didn't know the algorithms or techniques used...and you just started doing it for me! Thank you sensei

  • @berndeckenfels
    @berndeckenfels 3 หลายเดือนก่อน +1

    54:26 you could use hsl() style. There is a whole science on dimming colors for human perception and also gradients (maybe using LCH color model)

  • @Bibbatron
    @Bibbatron 3 หลายเดือนก่อน +1

    Tsoding cheating on C 😔 with typescript

  • @zeratax
    @zeratax หลายเดือนก่อน

    26:15 i guess it’s technically valid js but a number - undefined is NaN which is probably not what you want there?

  • @taba1950
    @taba1950 2 หลายเดือนก่อน

    Speaking about rendering using div's reminds me of threejs CSS render.

  • @shaunokane9600
    @shaunokane9600 3 หลายเดือนก่อน +1

    word, loving the subtitles being modded to chat, insane

  • @aylazer23
    @aylazer23 3 หลายเดือนก่อน +1

    No, nothing is better than C 😭

  • @kariemmostafa7932
    @kariemmostafa7932 3 หลายเดือนก่อน

    In the last bit of the video 2:19:56, you might to consider reverting u back to 1 - y but keeping the condition. Images were flipped when viewed from behind.

  • @botafi
    @botafi 3 หลายเดือนก่อน +2

    23:00 it is because of variable hoisting
    const & let vs var & function

    • @botafi
      @botafi 3 หลายเดือนก่อน +1

      function is hoisted up before const/let ctx was declared. So the language server does not know if you are using something that does not exist yet, don't know if it would even work

    • @EvilTim1911
      @EvilTim1911 3 หลายเดือนก่อน +1

      Yup you got it, I came here to say the same thing

  • @RandomGeometryDashStuff
    @RandomGeometryDashStuff 3 หลายเดือนก่อน

    23:40 this is typescript fault, works in javascript if function is CALLED after variable definition

  • @AloisMahdal
    @AloisMahdal 3 หลายเดือนก่อน +1

    sirios beetboxing starts at 39:19

  • @andresconrado
    @andresconrado 3 หลายเดือนก่อน

    The difference between function expressions and function declarations in JS tends to bite.

  • @pieersx
    @pieersx 3 หลายเดือนก่อน

    Because lately your videos can no longer have subtitles in Spanish c:

  • @workflowinmind
    @workflowinmind 3 หลายเดือนก่อน +2

    1:13:05 the struggle is real lmao

  • @inakilesca3412
    @inakilesca3412 3 หลายเดือนก่อน

    JavaScript is a Messi language, TypeScript is just messy

  • @SuperKritical
    @SuperKritical หลายเดือนก่อน

    56:07 HOLY SHIT THIS IS SO COOOOLLL!!

  • @SuperKritical
    @SuperKritical หลายเดือนก่อน

    i want a nuclear tractor stream

  • @sergeyz.5845
    @sergeyz.5845 3 หลายเดือนก่อน

    It is more convenient control when the camera rotates to the right when A+S is pressed together.

  • @FrancescoCagnin-q5j
    @FrancescoCagnin-q5j 3 หลายเดือนก่อน

    Can someone tell me what color scheme he’s using? Thx

  • @gkraker04
    @gkraker04 2 หลายเดือนก่อน

    2:03:01 Its Unfinished!

  • @atxorsatti
    @atxorsatti 3 หลายเดือนก่อน

    I do not believe you go comment comment copying it from the comments on twitch and pasting in the subtitles on you tube, can you share the script you used for that?

    • @blackbeard3449
      @blackbeard3449 3 หลายเดือนก่อน

      It's part of the markut repo on his github

  • @berndeckenfels
    @berndeckenfels 3 หลายเดือนก่อน

    1:29:34 I like to aim the onload handler before triggering it (assign src after that)

  • @kiosmallwood576
    @kiosmallwood576 3 หลายเดือนก่อน

    Already caught this on Twitch. Great work!

  • @StevenMartinGuitar
    @StevenMartinGuitar 3 หลายเดือนก่อน

    56:40 it's the 'Fog of Pog' 🌫️

  • @hubstrangers3450
    @hubstrangers3450 3 หลายเดือนก่อน

    Thank you.....

  • @rustwithoutrust
    @rustwithoutrust 3 หลายเดือนก่อน

    tscoding

  • @snowcrash-
    @snowcrash- 3 หลายเดือนก่อน

    Holy shit cool!

  • @LudoChil
    @LudoChil 3 หลายเดือนก่อน

    Партизан!!

  • @j-wenning
    @j-wenning 2 หลายเดือนก่อน

    1:39:49 "Dirty Rectangles" are why the dirtyX, dirtyY, dirtyWidth, and dirtyHeight params are named as such. It's graphics programming terminology. Has nothing to do with web devs making weird naming decisions. Took me like 5 seconds of searching to find this out.

  • @frostheavenangel
    @frostheavenangel 3 หลายเดือนก่อน

    wOoooOOo000OoOoOoOOo

  • @wlcrutch
    @wlcrutch 3 หลายเดือนก่อน

    Typescript is a joke

    • @weekipi5813
      @weekipi5813 3 หลายเดือนก่อน

      no if you really want to learn how to program you need to start from the basics... writing html code

    • @wlcrutch
      @wlcrutch 3 หลายเดือนก่อน

      @@weekipi5813 No, start with C.

  • @senshai1267
    @senshai1267 3 หลายเดือนก่อน

    Where do ya get all these articles ?

  • @pratikbhujel
    @pratikbhujel 3 หลายเดือนก่อน

    How about making PHP statically type language. HeeHee ??

  • @Jordan4Ibanez
    @Jordan4Ibanez 3 หลายเดือนก่อน

    This tutorial also works in typescripttolua running in minetest hud system. I love it

    • @cococry
      @cococry 3 หลายเดือนก่อน

      DAS MANIFESTTTT

    • @charlieking7600
      @charlieking7600 3 หลายเดือนก่อน

      Oh no, that's Jordan4IBanez on my favourite channel!
      Never expected to see you there.

  • @anilgr1111
    @anilgr1111 3 หลายเดือนก่อน

    32:27

  • @omaramo190683
    @omaramo190683 3 หลายเดือนก่อน +2

    2:09:49