Quake In 13kb Of Javascript 

Prime: You probably don’t wanna keep that in. You get paid from this channel too Flip: ¯\_(ツ)_/¯

my site loads quake in 13kB of javascript. your site loads a blog post in 3MB of javascript. we are not the same

Most JS frontend developers use over 1 MB of JS code to show a simple dialog. This developer implemented full gaming engine in 13 KB.

5:56 blog post: "generating levels dynamically is NOT ONLY very difficult" prime reading: "generating levels dynamically is not very difficult"

You'd be lucky to get a basic "hello world" app in 13KB without resorting to all kinds of compiler flag voodoo outside of C and directly writing the bytes. This is just awesome!

I hate that using a lowercase b to indicate bytes is now so prevalent that you have to doublecheck just about everything to figure out if they mean bits or bytes.

UNREAL MENTIONED!!! UNREAL MENTIONED!!!

35:13 ACEROLA SHOUTOUT LETSGOOOOOOOOOOOOOOOOO

You kids...I remember using the Build engine for Duke Nukem 3D to make levels. I had a paper print out from a matrix printer of several hundred pages of the manual. One of the main things that inspired me to go into software development.

Acerola mentioned, lets go!

Any book recommendations about the topics on this video? I've been studying this game's source and the amount of optimizations and trickery is just mind blowing! As a self-taught programmer, this all feels so alien to me. "How could anyone learn to do all this" is the thought that keeps crossing my head. Even as a self taught programmer, I landed a job as a Java developer, but a I feel that my knowledge has been stagnating lately.

love his assert v - 8===D

This was really fun and fascinating to watch.

I think everyone with an interest in programming probably starts out because of an interest in game development, but then quickly learns to recoil in horror at what working in the industry is actually like.

If the theme was space, this man clearly won, just sayin'

Just subscribed and got this banger, thats crazy 🤯

02:55 javascript with dsl? jdsl mentioned?

18:00 welcome to the demo scene.

Quake 1, Where Team Fortress was born.

I ve entred the worldchat in 1993, i grew up with unreal tournament 2003/2004(not unreal('98)). The Editor - or oldscool unreal engine, as i like to call it now- was the thing taht got me hooked in the first place with creating stuff with computers. What got me to start coding later. Nice to see, that you had unreal influence. Keep fraggin!

31:00 I love that guy 😂 _Banury ? Bananury ? Banhurry ? Bunary ?_ 🤪 Oh, nevermind. _Just deliver your crap IN ORDER. Right ?_

7:45 Are you reviving "Twitch installs arch linux"?

That WS protocol quirk was so worth the whole off-topic! Thank god I used to play Quake, otherwise I wouldn't get onto this vid :)

I'm sure this video is amazing, but right now I just want to play unreal tournament 😂

Unreal'98 did have the quadshot gun but it was non-functional (with functionality added many years later with the community patch). But I guess that's what you meant mentioning it. Cool video.

i did roll my own matrixes, but i called them MVP - Model, View, Projection. my ISROT was just M

Flip, zoom in!

+1 rant about making iterfaces/languages etc excessively complicated and stupid, having to have a bunch of flags set or custom code to get the originally designed behavior.

Building tools at my (at the time) current non-technical job was how I landed my first programming job

Reminds me of the shock I felt watching .kkrieger demo

I'm glad I work directly with the TCP stack and don't use Websockets. I know TCP has index and ack frames, so it wouldn't surprise me that websockets come out of order. Especially if the API isn't handling fragmented messages correctly for whatever reason. I'd be curious to give your code a once over, mainly to see what extensions/protocols you're using? Packing an index into the data is a quick fix, but I can how irritating that can be, when you expect this to come in order of oper.

Ahh, the early to mid 90s, what an era!

"Building react crud apps" Did not expect to get attacked like this.

It's wild to me how few people interested in programming from the other side of the pond seem know about the demoscene. Size coding has always been a big part of the demoscene.

invalidating rectangles? the whole screen changes whenever the user moves to the side right? however the idea is interesting, I dont see how that would be performant, when most often the whole screen will be invalidated.

fits in the theme. I dont have a lot of space on my floppy disk

I saw this a few days ago, felt like sending it in too. Demoscene is great. But so are esolangs... maybe that is something to look at?

55:52 u2764 is a heart not a smiley

30:13 I think I understand why they designed it that way: They didn't want to hang onto the data until they had the whole packet from the wire. When it is the binary frame type, you're _potentially_ going to send 1GB of data down the pipe. But what's more infuriating is that WebSocket is a completely unnecessary frame protocol over an already existing frame protocol known as TCP/IP and the authors legitimately thought "we love FTP text/binary modes so much" that they shoved it into their shiny new protocol. WebSocket should have always just been a simple handshake and then "here's your raw TCP/IP connection, have fun!"

Some people just take it to another lvl #HARDCORE #LOVE_IT.

Blob issue is because of how blobs are stored in browsers. Chromium stores them in the browser process. I almost implemented an in-renderer process cache for them years ago when I rewrote that storage, but.... wasn't high pri and caching is hard to get right, not sure if it was feasible. Blobs have to be shareable across renderers and have legacy requirements that are hard.

This would have been a million dollar game if released in 1988. if I remember correctly Quake 1 fit on about 30 1.44 disks, so it was roughly 50mb... That's 4000 times larger than 13kb...

The worst thing that ever happened to us was that processing power outstripped developer talent at some point in the 90s. So instead of being as efficient as possible, we get increasingly large programs where they aren't necessary but we're led to believe that the effort to get things as small and efficient as possible isn't worth it and is "too hard". Boo hoo. And then there's the compiler fanboys that claim "they are so good, you'd have to be intimately familiar with ASM to get better performance!" Munch my shorts, Jerry.

1:30 I played Unreal Tournament from its realease in '99 and became part of one of the best clans in Denmark - Dances With CoWs. Along side -Extreme- and CUT we played for the 1st place on ClanBase for years.

You knew NIN ... let's gooooo

Ahh the weapon pickup trap didnt get implemented, that's the most iconic thing in the whole game !

RU-vid really should do something about those s*x bots...some of us are self-respecting enough for it to bother us.

Im one of those expert beginners.. and im so drawn to these videos lol

13 kb is like what you could expect from video games on a cart in 80's.

Imagine if programs were optimised like this for the capabilities of modern machines.

Another great video. You mentioned having trouble remembering which sign is affected by 0 for the range of a signed int. I used to have the same problem and I found a good pneumonic. Imagine any N-bit signed int. Exactly half of the possible values start with '0' and half start with '1'. The patterns that start with '1' are used for the negative numbers, while the patterns that start with '0' are used for the positives *and 0*. Since 0 takes up 1 slot in the '1xxx' group there must be one fewer positives than negatives.

It’s great to know that I was not the only one hating webpack. I was like wtf is it doing? Why I can’t tell it what to do like gulp let me

Audio is just as interesting as Graphics. One of my favorite algorithms are FFTs and their inverses! Fast Fourier Transforms are something else!

Quaternions are great, a variant of Hamiltonians!

Bro reinvented Morton encoding

Reminds me of the old Amiga 68000 Assembly Language demos.

At some point I want to see Prime design his own toy language.

I second Acerolla's channel, it's full of cool stuff.

Trent is a legend.

Quake - 13kb Of Javascript and 1Gb of Browser - that's all you need to know about small game in the WEB

Quad Trees are great, but perhaps consider using Oct Trees as well? As for the screen information and rendering to the screen per frame, yes quad trees are fitting. Yet the 3D Scene itself for giving 3D depth with a camera view, the use of the Oct Tree serves a similar purpose except that it breaks the entire 3D View Frustum into recursively smaller 3D box like chunks. This can be used to cull a lot of the stuff within the scene that doesn't need to be rendered. It also helps a great deal with collision detection. Sure, you can use the Quad Tree for the frame buffer and swap chain effect. Yet for handling the entire 3D environment, that's where Oct Trees shine. You can use the two in parallel separate threads that are both concurrent with each other. They would have to be synchronized. So, in essence, the quad tree would handle all of the rendering aspects and that's basically its main purpose. Where the oct tree would take the information from the frame buffers within the swap chain and use that to build itself along with other scene information. This is where all of the environmental stuff can be handled, from collision detection to scene partitioning and culling which would reduce the load off of the quad tree's computations, to even handling some but minimal lighting and shadow effects. The scene itself for that render frame can be load into memory - cached, yet the renderer itself within the context of the swap chain from its back buffer and front or presented buffer would only render what needs to be rendered. This way you are drawing less of the scene, yet the neighboring boxes or chunks are in cache waiting and ready to be used. This could also improve your FPS. It's something one could consider. There are several ways to approach and handle 3D scenes, this is just one of them. Also, instancing and billboarding are other great techniques that can be used.

Unreal co-op was so fun! My brothers and I clocked a lot of hours on it 😂 That and Golden Eye 007 on Nintendo 64

Acerola mentioned, nice

nope, audio and video are very different beasts. i think prime would love audio, it is the pinnacle of efficiency programming

I think if I want to display a blank page in Flutter my call stack would be much more than 5 deep. lol This C style coding for JS is a work of art.

I didn't want to be a game dev, but now I'm a game dev and I'll be finishing up work around 11pm tonight

I like rectangles more when they are dirty

An accessible button in react is 60kb

12:04 Little do you know, building a react app these days is more complicated than building a game.

It was served up as a .gz, unzipping it is compatible with all browsers.

our hero went full demoscene route like they did in .kkrieger, what a chud

This is a formal request for Prime to react to an Acerola video, it's going to be awesome

Max signed integer value is leading zero and all ones, so it's odd, min value is leading one and all zeros, so it's even.

why didnt you subtract the current frame from the previous frame then do RLE. All the unchanged values would be 0 and it would compress to nothing.

49:13 YES! I thought I was the only one crazy who prefers inverted mouse. I knew it wouldn't be as the standard is non-inverted nowadays that most gamers think you are crazy if you search for the inverted Y mouse controls. And if a simple indie game or demo doesn't support it, I just can't play, my brain is hardcoded to expect the opposite move and I get even motion sick because of that. And of course was expecting it as size is limited to waste bytes for those who also want their inverted mouse controls. Funny to see I am at the same level as Primagen in the need for inverted. Also, some early DOS FPS games with mouse look used to call the inverter-Y as the default control back in the days and the invert-check would make it non-inverted. How weird things have changed. p.s. and now I realize by watching this video, the final version does actually have an inverted mouse option and mouse speed slider too, thank god for the developer to account for that, I appreciate this! (some devs even on crappy indie games on Steam are like who even plays with inverted, not gonna implement that)

I'm staying, and this is the type of thing that inspired me to delay frameworks and just get all in in js

Is Dvorak still more efficient while coding, since the character frequency isn’t the same as typed English?

Flip infact, kept it

PHP jump scare

WipeEout fans should really check out the model viewer linked in the discussed article. Turn on the music for nostalgia overload :')

Btw, low res is purely an artistic choice. Doubling it in both dimensions still works fine. Doubling it again to get to my actual resolution gets sluggish on my quite low-powered laptop.

Games are fun... and you can enjoy the result together... it's something very tangible that most people can understand... i think at some point every programmer goes through the "i want to make a game" phase

27:50 Oh man, I really can't figure out how promises can ruin the order. Could someone explain this, please?

🤘

How do I learn the basic building blocks of things like this. Or maybe a project guide. I would really appreciate a response as I feel stagnant as a web developer.

UT ftw ❤

Well that is without the browser runtime and the OS is my guess?

43:07 PHP CLI is amazing. You should try it sometime. It's better than PHP CGI/FCGI/FPM.

13 kilobit or kilobytes? Was it downloading some blobs?

Bungie take note.

> TCP guarantees order So, maybe not relevant to when you were writing that code back then, but RFC 8441 is 6 years old at this point, and RFC 9114 is 2 years old (albeit, HTTP over QUIC has been widely adopted in a beta format for longer). Thus, it's possible you aren't using TCP. That said, RFC 9000 provides a guarantee that a given stream (which RFC 8441 operates on a single QUIC stream) is order-determinable.

21:27 did the ex-Netflix dev just say he didn’t know about the Compression Streams API for compressing streams of data!? 😅

well to be fair, that unordered allows developers to have control over it, and send a big chunk of data, and that big chunk of data doesnt' block the whole pipe. The alternative for js users would be what? wait for a non-tcp ws implementation?

6:48 seems like Flip is lazy at his job lol

ISROT is good, but 4x4 Matrix Math with MVP is just as easy!

The original Unreal was 2D and on Amiga. Not related to that unreal (afaik), but way better.

8kb more than the is-odd library, try harder

Quake in 13Kb? Now run it without the web browser. Does it still run?

Reminds me of my minicraft. 😊

I'd pay for a profiling course similar to the go/htmx one