Making my web game engine

someone free me from the javascript based hell
TECH: TypeScript & WebGL
TOOLS: Visual Studio Code, BFXR (www.bfxr.net), Tiled Map Editor (www.mapeditor.org)
THEME: Gruvbox Material Dark
MUSIC: Empty Road by [ocean jams] (from epidemicsound.com)

[@nopupils261]

Really like your style. I feel like a lot of people on youtube have fallen for this 'overediting' trend, where a thousand things are shown every single second to keep the viewer's attention. Your videos are chill, interesting, and absolutely hilarious in spite of not causing epilepsy. I love it.

[@dsi-films1264]

So true, me too

[@joshuarowe8410]

like randall?

[@InsaRem]

*Also right now I'm writing my game in the style of Horror RPG, there is also a system for crafting and pumping character stats, the game already weighs 183MB) if interested, come in and see*

[@theapplechapel]

@@joshuarowe8410 randall used to be funny now he's tryhard and ott.

[@HikeYegiyan]

@@joshuarowe8410 Randall's charm wore off incredibly quickly when the small quirks and gags started to completely overtake his videos.

[@snailcheeserulez]

That was the best ‘a few moments later’ transition I have ever seen!

[@galitan5881]

2:22

[@ais4185]

really, really nice lol

[@iteratedofficial]

200th like

[@snailcheeserulez]

Man! 232 likes! What the hell! Thanks guys!

[@A76noname]

I randomly found you today during my monthly "let's get inspired to make a game and look up gamedev videos for inspiration before losing motivation again" -phases and you managed to earn a sub. I really like your style and I'm honestly interested in seeing how this game develops.

[@rewrittenbytes1616]

2:29 You call that a *LITTLE* problem? Dear god save us from whatever you think is large-

[@AckYes]

LMAO

[@F3Ibane]

RIP this guy's partner 👀

[@AckYes]

@@F3Ibane even more lmao

[@rewrittenbytes1616]

@@MuhammadHosny0 teach us the way of the gods, for we are mere mortals

[@stormstudios1]

very cool but i think you should change the torch texture cause i can't even tell where it is

[@theocrob]

I always find myself coming back to this video and just enjoying the show. Keep up the good work!

[@BooIScaredYou-cw7pn]

Dude. KZbinrs like you give me so much inspiration to make my own games! Keep up the awesome work!!

[@isaacturner7495]

Great quality videos dude. I actually remember seeing your first minecraft video like 6 months ago and then being sad that it was your only video and totally forgot you existed until I had this recommended. I just finished up watching all your videos you've got so far and just wanted to share how much i enjoyed them. Keep it up, you're gonna grow in no time my friend. Subbed

[@akashbobba5341]

dude i love your format. you explain just enough, hitting that balance between underexplaining and over

[@x32asm28]

Praise the youtube algorithm for showing your Tetris OS video in my recommended! Really though, I absolutely love your content. Each video is incredibly well-made, entertaining, and hilarious. I can't wait to see what you've got in store!

[@dsi-films1264]

I love your videos man they’re so nice to watch and It’s so calming, its rare to see calming videos like the ones you make, and as a ts developer I can feel your hardship. I love your style, keep creating great content and one day you’ll completely destroy the KZbin game dev community.

[@skullkidbenn]

I'm always so happy to see you post another video I really enjoy your content. Cant wait to see more!

[@bufkinsmith7650]

Love the stuff you've done but I think WebAssembly would be a great technology for you given your background. It would allow you to write this code in C and then have it run natively in the browser

[@rm2kdev]

Love it, I've been working in typescript lately too and its quirks are lovely.

[@makailyric1128]

Editing is top notch. GOOD JOB!

[@WZDRIP]

jdh then: making minecraft in 2 days with no game engine jdh now: *game engine*

[@Im_IntoDev]

He didnt even make a game engine! LIAR

[@mustafaaljanabi4818]

future: *re-building Nasa system*

[@scaffus]

Men, I'm rewatching your vids again and again, good quality chill, with some big brain coding and a 1ch 16-bit integer 48,0 kHz killer voice

[@soruh2767]

I’m learning how to code and make games right now so these videos are super informative and interesting, much love :)

[@64jcl]

Usually making the engine is the fun part... the actual game... not so much, as I see this video series also stranded on. :)

[@guillermogarciamanjarrez8934]

And the continuation never came, guess this man ended up killing it's browser, anyway obligatory comment if I just found your channel today and now I love you

[@prophaleous7427]

Great videos man, of course found you for your Minecraft vid but I loved all of them! Keep it up looking pretty cool for the game.

[@user-om8jh2lb8q]

Bro, your videos are epic. Keep up the good work man, you're doin' some real cool stuff.

[@ladflaver4008]

This is amazing. One thing I do know is that many game engines like Unity run very inefficiently so it's great to see that it's possible to make your own.

[@ytnone7397]

Just found this channel, it was amazing Keep up the good work

[@max2themax]

Those bubbles really surprised me in the "a few moments later" transition... neat.

[@ntPingu]

Yo, your videos are pure quality. Love 'em. Wish to be a good as you someday. Started as a fullstack dev some months ago and "fighting against your browser" is like 90% of my worktime well spent :D

[@Magnogen]

Epic video as always! Looking forward to seeing more!

[@charleswiseman5727]

actually 24-bit 48000 kHz is the HQ audio standard but sick video dude! You really inspire me to take programming more seriously

[@oxey_]

these videos are great, a rare case of the youtube algorithm suggesting something I'd actually keep watching :)

[@Josuh]

Your channel's gonna grow so big in the next months, congrats!

[@vados_w1n7er]

Nice! Timing of your video is perfect, thanks dude

[@arandomboredindividual7855]

everytime i hear or see javascript i get war flashbacks

[@IxMeTutorials]

I only see typescript here...

[@arandomboredindividual7855]

​@@IxMeTutorials typescript is a superset of javascript so they're eeeeeeeeh

[@IxMeTutorials]

@@arandomboredindividual7855 Typescript being a superset only means that every valid JS is also valid Typescript. Typescript is still a different language than vanilla JS, even if it's compiled to JS for browsers to understand it.

[@sluigi]

@@IxMeTutorials You basically said Typescript has Javascript but different. I mean it still has Javascript so basically you proved his point yourself

[@ztoogemcducc6360]

I really like watching these videos I just started learning to code two days ago. I don't understand what 90% of the stuff in these videos mean. But I'm excited to return when I do!

[@SageThyme23]

That's incredibly simple and beautiful dithering

[@mrlucky974]

Like always, great video! Keep it up, love your work :)

[@MrHamof]

I like how he swaps which hand he's holding the torch in when moving horizontally.

[@Makeroni100]

Most awaited game for me in 2021! Also great devlog!

[@dev_reign]

That lighting looks great! It was very clever how you implemented it in minicraft with your own renderer. I'm surprised you used Tiled and didn't make your own map editor like the engine.

[@goji5887]

Dude, keep going with this channel! You blow most other devloggers right out the water!

[@user-nj1qc7uc9c]

Dude this is incredible, this guy is gonna be famous in the future and i found him when he was just at 21k subs

[@kaesegulasch6202]

Bro... just discovered your channel and I already love it! Regarding your last video: Safari is the new IE (just talked about that with a co-worker yesterday lol)

[@veracruz3878]

I too like to blink to make myself look just a little bit more lively

[@peacefuldeityspath]

Ah yes. Type Script Gotta love it! Ur syntax highlighting hurts my eyes lmao One more thing awesome! Keep it up man =))

[@mnemot]

really fun video! may your engine be robust enough for your dreams and may your tiles not bleed into each other.

[@chimichuflis]

Nice! I'm actually doing a similar project but decided to make it in isometric perspective... this kind of projects are so rewarding even if they are hard! Good luck, just subscribed, looking forward yo seing this complete

[@sumitpoudel729]

damn. An old video by jdh. What an absolute GEM!

[@HypherNet]

Java and TypeScript, games from scratch? Other than not using Kotlin, what's not to love? Subbed. Oh btw, `thing as SomeType` is also an allowed cast syntax instead of ` thing"

[@RaphaBaruffi]

Really cool video! Just maybe a heads up at 3:50, the reason typescript cannot check types during runtime is that it compiles to javascript, which is a dynamically typed language. The only way to get compile time type-checking in web dev is if you use something written to WebAssembly

[@igrb]

I'm just speechless keep the good work man

[@barmetler]

One thing about runtime type checking: One thing that I sometimes do is this: The constructor for class A takes an instance of A, and populates itself. That way, you can pass in any jsonobject that has the fields of A (since typescript doesn't care if it's actually an instance of A, it just needs to have at least the same interface), but then you actually have an instance of A. (instance of A means that A is somewhere along the prototype chain.) I mean what you also could do is this: `obj._proto_ = A.prototype` that way you don't need to copy the object, but the `instanceof` keyword would detect this as an instance of A.

[@badpiggy4177]

This is the first video of yours I've seen and it's already an instant subscribe lol. Can't wait for more

[@nekrugderzweite8298]

WOAH i didnt knew u just have sooo few videos!! GREAT WORK

[@SimonBuchanNz]

io-ts is the package if you want type checking at runtime. Even if it has a pretty crazy interface. (You can create a mini version real easily yourself if you don't like it) Typescript is pretty weird, actually! It's not too unusual that it only has compile time type checking, C doesn't either for pretty much the same reason: what you write is exactly what you get when you run it. No, Typescript is weird because it offloads all the normal language design things like semantics, module systems, library design, etc, to the JavaScript ecosystem, and dedicates all it's efforts on a ludicrously expressive static type system. It's honestly the most powerful type system I've seen, modulo some weird bugish things, able to programmatically rewrite types, contextual and inferred typing (simultaneously!) handle both disjoint and overlapping type algebra, generics with inferred variance, circularly dependant constraints and all sorts of other craziness, variadic parameters and tuples, and way more. Probably there are some more research-ey languages that are similar or better, but this is a language that's on the top language lists and rising. I think it easily deserves the name.

[@ollie-d]

Props to you for torturing yourself with ts/js. I learned Godot and Rust so I could export to wasm to avoid js as much as possible

[@Krzztl]

imma support as much as i can!

[@Skeffles]

Great progress on the game!

[@hironichu]

Thanks for sharing ! I am myself working on a web based game engine, in javascript (:

[@mitch_dev]

Web dev here! Typescript is simply a superset for JavaScript, so that is the reason it only checks types at compile time. Once compiled, it’s straight JS so you don’t have the same type checking at runtime

[@nextProgram]

Looking good!

[@superfeuji9261]

Hey man love your vids keep up the great work

[@Ben-ss7lc]

I love your videos!! You're a cool guy.

[@justsomedude333]

Very cool! I've played around with making my own Javascript game engine a few times. My animationFrame loops never feel as smooth as other people's examples that I find online. I've given up because of it a few times. It would be awesome if you could show how you handled it!

[@nirmaltheprogrammer510]

Just found your channel . Your channel is underrated . Subscribed 🙂

[@millankumar9245]

I have been watching all of your videos, they are really entertaining, but as someone who is no where near this advanced in programming, I would love a guide on how to set up the the graphics thing, because I don't even know where to start.

[@Povilaz]

Hell yeah! Episode 2 finally. You love to see it.

[@smiley_1000]

really cool visual effects

[@flamestats3534]

Dang, all that code seems so complicated. lol seems like a cool game that I would play~~ :P

[@NootNooter]

Thank you for existing

[@TrojanLube69]

You are a long way to overcome the current kings like Cherno and ChillitomatoNoodle.

[@kimaji]

every youtuber that gets a new mic "lets crank the bass to max"

[@netocian475]

Juicy handwork.

[@ZooHair]

What can I say! that voice is exquisite!

[@vio5683]

awesome, dont stop making these vids

[@silent-science]

Just a tip - you probably need some EQ and compression on your mic. Nothing extreme, just brightening up the voice and pulling down on the transients. Great video as always!

[@francescobittasi]

One thing I'm noticing is that the character it seems is olding the torch with his left hand at the start, but when it walks left or right the position of the torch is inverted

[@cobbcoding]

Your videos are awesome!

[@RafeTVGaming]

i like the simple but well made stile kind of like the game celeste

[@domojestic4155]

This is the kinda shit that makes me go "maybe my first year uni compsci course isn't as bad as I think it is..." I mean, this is just a whole other level. Looking forward to more!

[@davidko7100]

Meanwhile I am learning rust struggling to understand basic stuff xD It would be fun to see a game made in that. Either way amazing videos!

[@Kubalopl]

this gives me the minicraft vibes

[@jaughtdev2648]

Have you considered using web assembly? I'm building a web game engine right now and am offloading most of my engine logic from typescript to C which is compiled to wasm, and so far it is far more developer friendly, atleast for me being more proficient in C than TS.

[@kabinet0]

the legend returns!

[@laustkreibergfricke4707]

Wow, you are a God

[@jorgehabib3933]

is this in a repo? good job man, really fun watching you

[@velocipede5877]

Great content brother!

[@pokekid912]

Where it says "keep it safe" you should Say "or you won't" thought that sounds pretty cool

[@Spartan322]

I'm pretty sure Dart is the only typed frontend web script language that actually has runtime checking. I don't recall any other web design script languages that do that. Typescript from what I can recall only ever converts itself into Javascript anyway, even when interpreted directly, and while technically Dart can do the same thing (if you force it to with the dev tools) it will attempt to include runtime management in JS code.

[@rockedsocks4613]

Nice job bro

[@sveisvei]

3 weeks later, just Wonder what bug is keeping you «occupated»

[@alexkizer639]

You've got talent!

[@aqzp.]

wow, thats awesome. I HAVE TO USE IT.

[@LogicEu]

Great work, keep it up!

[@alperalkan2000]

Underrated Channel af

[@gaurangmestry3425]

How do you even get so good at this?!

[@Xdetonando]

Really cool, what about trying some emulation coding?

[@ross9263]

lol the confidence, undisputed king

[@jeffreyfuller1187]

this guy needs to be more popular

[@mikael808]

Joust found your channel, and your videos so good! Subscribed! :)

[@SpacEagle17]

Yay new video!

[@mrpancakeguy]

This is amazing. What games have you published? I’m interested.