5 ms·

Simple game programming through a comic

teddyh 4y ago
I find the cursive text very hard to read.
- allears 4y ago
  Agreed. It's too scrawly. If I'm trying to absorb technical material, trying to decipher someone's handwriting makes it that much harder.
- deleted 4y ago
  [deleted]
- cdot2 4y ago
  This doesn't look like cursive to me. This just looks like squiggly print
- robocat 4y ago
  Nitpick: cursive[1] is joined letters. The article comic used handwritten letters (block or print). [1] https://www.cpr.org/2017/06/01/cursive-isnt-dead-yet-not-if-denvers-stanley-british-primary-has-anything-to-say-about-it/ https://www.cpr.org/2017/06/01/cursive-isnt-dead-yet-not-if-...
  - teddyh 4y ago
    The author changed the images. This is what it looked like originally: https://web.archive.org/web/20220801002853/https://nassimcomics.substack.com/p/a-tutorial-like-you-have-never-seen https://web.archive.org/web/20220801002853/https://nassimcom... It wasn’t all cursive, but close. For example, look at the word “need” in the second word balloon. It has no gaps – it’s clearly cursive. Also, in the seventh panel, second word balloon, the words “favourite [sic] language” are not cursive, but still almost unreadable. And so on.
closedloop129 4y ago
>The last step needed before actually starting programming is to start a web server. Why not write the code directly in index.html and open it directly in the browser?
- TobTobXX 4y ago
  Same-Origin policies don't play nice with the file: protocol.
he_is_legend 4y ago
> A tutorial like you have never seen before Agreed. Most tutorials have a readable font. This one on the other hand appears to teach not a lot except perhaps an intro to linguistic cryptanalysis.
- deleted 4y ago
  [deleted]
- pvg 4y ago
  Please don't complain about tangential annoyances—things like article or website formats, name collisions, or back-button breakage. They're too common to be interesting. https://news.ycombinator.com/newsguidelines.html https://news.ycombinator.com/newsguidelines.html
  - valbaca 4y ago
    In this case, it's not tangential, the CONTENT is unreadable.
    - pvg 4y ago
      It's still tangential. It's hard to read for some but there's not much point writing the Nth grumpy comment about it. And if the author is here, as in this case, you can include it in whatever else you have to say about the thing without being a jerk about it.
ramesh31 4y ago
I think a lot of programmers get stuck in this trap of thinking that making a game is an engineering task. It isn’t. The level to which modern game engines have reached means its really just about your game design, artwork, music, etc. Toy engines like this don’t really have much value, and your time is better spent learning how real engines work.
- _gabe_ 4y ago
  > I think a lot of programmers get stuck in this trap of thinking that making a game is an engineering task. It isn’t. Here are a few (non-engineering?) tasks unity does not ship with (last I checked): * AI Steering behavior * 2D Pathfinding * Localization (pre-2018 unity) * A quality terrain editor * A quality UI layout mechanism (like why is the UI 100x bigger than the game scene?) * Any sort of complex multiplayer (pre unity 2020 at least) And more depending on what specific game your working on. Skill trees? Gotta roll your own. Building a 2D game with tile maps? Good luck using their builtin tile map editor. Complex procedural worlds? Have fun rolling your own. Maybe use some prefabs to speed some of that up. In addition to that, most of what we call "engineering" today is "how do I organize my CRUD app with a bajillion over-engineered design patterns to make my code cleen and Xtendable". You can do that in a game if you want. > The level to which modern game engines have reached means its really just about your game design, artwork, music, etc. Ah yes, all that's left is the easy stuff. After all, designing a custom app workflow, with it's own UI/UX, etc isn't engineering or difficult... Oh wait, doesn't 99% of modern software engineering consist of, "let's make a react app with some custom UI/UX and it's own data models and microservice architecture and blah blah blah". But web dev is definitely "real" engineering unlike these game dev folks. > Toy engines like this don’t really have much value, and your time is better spent learning how real engines work. I'm confused by this? So you should invest in learning how engines work? Or you should learn how to use unreal or unity? That's like saying, "Small web frameworks don't really have much value, and your time is better spent learning how real frameworks work". That's just blatantly false. Rolling your own framework has value in the fact that: you learn a lot from it, you learn why certain design decisions are made, and you can more efficiently use big web frameworks since you know the foundations. Finally, why is it a new fad to say game devs are dumb for wanting to code custom game mechanics? Game engines can only handle the most common use cases. Sometimes you want to try creative things that are simply not possible unless you code a custom engine around it (cough, Minecraft). Other times you want to make your game stand out by having various custom effects, like embedding velocities in a texture and then using that texture to create dynamic intractable objects like this video[0]. This sure doesn't ship with unity, and all the concepts necessary to make it (physics algorithms, shaders, dynamic textures via framebuffers) are usually encountered when coding your own game engine. So what does it benefit you to code your own engine? You learn, a lot. All of these concepts give you better tools, tips and tricks you can use in other scenarios. If you can only think about a problem one way, it's likely you'll never innovate much. If you know how to think about game dev from low level graphics to high level game design, you have a lot more ideas and problem solving techniques at your disposal. Edit: I would also like to add that using lower level frameworks like this helps gain intuition about a lot of concepts that are useful for many things. When I talk about coding your own engine, I don't mean you have to go as low level as bare metal graphics APIs like Vulkan, even using something like Monogame (used to make stardew valley)[1] is beneficial in a lot of ways. [0]: https://youtu.be/BhtNgHg8gqk https://youtu.be/BhtNgHg8gqk [1]: https://mobile.twitter.com/ConcernedApe/status/1091418705605476352?ref_src=twsrc%5Etfw https://mobile.twitter.com/ConcernedApe/status/1091418705605...
blueboo 4y ago
Comics are a great medium for storytelling. Documentation-as-storytelling veers into sugar-coating, aka condescension, all too quickly.
- striking 4y ago
  I much liked https://cloud.google.com/kubernetes-engine/kubernetes-comic/ https://cloud.google.com/kubernetes-engine/kubernetes-comic/. It does a pretty decent job of using the comic medium by packing in tons of visual metaphors for each concept, having actual characters with defined motivations, being funny... and I won't spoil the ending, but that's done well too.
  - pwdisswordfish0 4y ago
    Lol, leave it to Google to make a simple list of pngs incompatible with Firefox. Wtf is data-srcset?
toinewx 4y ago
unreadable cursive, ruins the work
- deleted 4y ago
  [deleted]
parrellel 4y ago
Not quite "Why's Poignant Guide".
- deleted 4y ago
  [deleted]
nassimsoftware 4y ago
I'm sorry for the handwriting. I'm in the process of replacing the text bubbles with a proper font. Will post an updated version once done.
- senectus1 4y ago
  yeah it makes it unreadable sorry.
  - robocat 4y ago
    Any reason why a bunch of comments say the same thing? I could hazard a guess that younger readers don’t read other peoples’ handwriting much? I didn’t even notice it was a problem, but I am middle-aged (I actually like personal writing and I dislike the industrial repetitiveness of fonts. I especially dislike fonts for comics designed to look handwritten but that lack human variability).
    - egypturnash 4y ago
      I’m 50 and I didn’t find the text very readable, it’s tiny and cramped and really not written with even a tenth of the care that someone lettering a comic by hand would take.
    - antifa 4y ago
      The hand writing was just bad. It wasn't full chicken scratch, but the idea that you would look at negative comments, look at the content and think it's fine, then aimlessly acuse readers of being young is rather absurd. One way to improve would be to trace a font like comic sans or ames (I'm not actually a font connoisseur). The tracing would be for keeping the kerning and spacing good, not for literal cloning. You can do your own style, but your style itself still needs to be legible. You can also make your own font file from your hand writing. Pinch zoom didn't work on this website in Firefox for Android. This would also compound the existing problem.
agentwiggles 4y ago
I played with Kaboom a while back and found it fun. I was disappointed, however, to see that the little song that used to be on the front page of the website is gone. Kaboom devs if you see this - bring back the song!
smegsicle 4y ago
can't bother to point out that y axis is flipped because that's how we read and the same hardware that was used for printing text was also used for graphics
- deleted 4y ago
  [deleted]
valbaca 4y ago
If you want a legible way to build a game in Javascript (and so much more!) check out "Eloquent Javascript". Chapter 16: Project: A Platform Game https://eloquentjavascript.net/16_game.html https://eloquentjavascript.net/16_game.html
- deleted 4y ago
  [deleted]
merlincorey 4y ago
> A tutorial like you have never seen before Conrad from Land of Lisp did it before[0]. [0] http://landoflisp.com/ http://landoflisp.com/

I find the cursive text very hard to read.

allears 4y ago
Agreed. It's too scrawly. If I'm trying to absorb technical material, trying to decipher someone's handwriting makes it that much harder.
deleted 4y ago
[deleted]
cdot2 4y ago
This doesn't look like cursive to me. This just looks like squiggly print
robocat 4y ago
Nitpick: cursive[1] is joined letters. The article comic used handwritten letters (block or print). [1] https://www.cpr.org/2017/06/01/cursive-isnt-dead-yet-not-if-denvers-stanley-british-primary-has-anything-to-say-about-it/ https://www.cpr.org/2017/06/01/cursive-isnt-dead-yet-not-if-...
- teddyh 4y ago
  The author changed the images. This is what it looked like originally: https://web.archive.org/web/20220801002853/https://nassimcomics.substack.com/p/a-tutorial-like-you-have-never-seen https://web.archive.org/web/20220801002853/https://nassimcom... It wasn’t all cursive, but close. For example, look at the word “need” in the second word balloon. It has no gaps – it’s clearly cursive. Also, in the seventh panel, second word balloon, the words “favourite [sic] language” are not cursive, but still almost unreadable. And so on.

>The last step needed before actually starting programming is to start a web server. Why not write the code directly in index.html and open it directly in the browser?

TobTobXX 4y ago
Same-Origin policies don't play nice with the file: protocol.

he_is_legend 4y ago

> A tutorial like you have never seen before Agreed. Most tutorials have a readable font. This one on the other hand appears to teach not a lot except perhaps an intro to linguistic cryptanalysis.

deleted 4y ago
[deleted]
pvg 4y ago
Please don't complain about tangential annoyances—things like article or website formats, name collisions, or back-button breakage. They're too common to be interesting. https://news.ycombinator.com/newsguidelines.html https://news.ycombinator.com/newsguidelines.html
- valbaca 4y ago
  In this case, it's not tangential, the CONTENT is unreadable.
  - pvg 4y ago
    It's still tangential. It's hard to read for some but there's not much point writing the Nth grumpy comment about it. And if the author is here, as in this case, you can include it in whatever else you have to say about the thing without being a jerk about it.

ramesh31 4y ago

I think a lot of programmers get stuck in this trap of thinking that making a game is an engineering task. It isn’t. The level to which modern game engines have reached means its really just about your game design, artwork, music, etc. Toy engines like this don’t really have much value, and your time is better spent learning how real engines work.

_gabe_ 4y ago
> I think a lot of programmers get stuck in this trap of thinking that making a game is an engineering task. It isn’t. Here are a few (non-engineering?) tasks unity does not ship with (last I checked): * AI Steering behavior * 2D Pathfinding * Localization (pre-2018 unity) * A quality terrain editor * A quality UI layout mechanism (like why is the UI 100x bigger than the game scene?) * Any sort of complex multiplayer (pre unity 2020 at least) And more depending on what specific game your working on. Skill trees? Gotta roll your own. Building a 2D game with tile maps? Good luck using their builtin tile map editor. Complex procedural worlds? Have fun rolling your own. Maybe use some prefabs to speed some of that up. In addition to that, most of what we call "engineering" today is "how do I organize my CRUD app with a bajillion over-engineered design patterns to make my code cleen and Xtendable". You can do that in a game if you want. > The level to which modern game engines have reached means its really just about your game design, artwork, music, etc. Ah yes, all that's left is the easy stuff. After all, designing a custom app workflow, with it's own UI/UX, etc isn't engineering or difficult... Oh wait, doesn't 99% of modern software engineering consist of, "let's make a react app with some custom UI/UX and it's own data models and microservice architecture and blah blah blah". But web dev is definitely "real" engineering unlike these game dev folks. > Toy engines like this don’t really have much value, and your time is better spent learning how real engines work. I'm confused by this? So you should invest in learning how engines work? Or you should learn how to use unreal or unity? That's like saying, "Small web frameworks don't really have much value, and your time is better spent learning how real frameworks work". That's just blatantly false. Rolling your own framework has value in the fact that: you learn a lot from it, you learn why certain design decisions are made, and you can more efficiently use big web frameworks since you know the foundations. Finally, why is it a new fad to say game devs are dumb for wanting to code custom game mechanics? Game engines can only handle the most common use cases. Sometimes you want to try creative things that are simply not possible unless you code a custom engine around it (cough, Minecraft). Other times you want to make your game stand out by having various custom effects, like embedding velocities in a texture and then using that texture to create dynamic intractable objects like this video[0]. This sure doesn't ship with unity, and all the concepts necessary to make it (physics algorithms, shaders, dynamic textures via framebuffers) are usually encountered when coding your own game engine. So what does it benefit you to code your own engine? You learn, a lot. All of these concepts give you better tools, tips and tricks you can use in other scenarios. If you can only think about a problem one way, it's likely you'll never innovate much. If you know how to think about game dev from low level graphics to high level game design, you have a lot more ideas and problem solving techniques at your disposal. Edit: I would also like to add that using lower level frameworks like this helps gain intuition about a lot of concepts that are useful for many things. When I talk about coding your own engine, I don't mean you have to go as low level as bare metal graphics APIs like Vulkan, even using something like Monogame (used to make stardew valley)[1] is beneficial in a lot of ways. [0]: https://youtu.be/BhtNgHg8gqk https://youtu.be/BhtNgHg8gqk [1]: https://mobile.twitter.com/ConcernedApe/status/1091418705605476352?ref_src=twsrc%5Etfw https://mobile.twitter.com/ConcernedApe/status/1091418705605...

blueboo 4y ago

Comics are a great medium for storytelling. Documentation-as-storytelling veers into sugar-coating, aka condescension, all too quickly.

striking 4y ago
I much liked https://cloud.google.com/kubernetes-engine/kubernetes-comic/ https://cloud.google.com/kubernetes-engine/kubernetes-comic/. It does a pretty decent job of using the comic medium by packing in tons of visual metaphors for each concept, having actual characters with defined motivations, being funny... and I won't spoil the ending, but that's done well too.
- pwdisswordfish0 4y ago
  Lol, leave it to Google to make a simple list of pngs incompatible with Firefox. Wtf is data-srcset?

toinewx 4y ago

unreadable cursive, ruins the work

deleted 4y ago
[deleted]

parrellel 4y ago

Not quite "Why's Poignant Guide".

deleted 4y ago
[deleted]

nassimsoftware 4y ago

I'm sorry for the handwriting. I'm in the process of replacing the text bubbles with a proper font. Will post an updated version once done.

senectus1 4y ago
yeah it makes it unreadable sorry.
- robocat 4y ago
  Any reason why a bunch of comments say the same thing? I could hazard a guess that younger readers don’t read other peoples’ handwriting much? I didn’t even notice it was a problem, but I am middle-aged (I actually like personal writing and I dislike the industrial repetitiveness of fonts. I especially dislike fonts for comics designed to look handwritten but that lack human variability).
  - egypturnash 4y ago
    I’m 50 and I didn’t find the text very readable, it’s tiny and cramped and really not written with even a tenth of the care that someone lettering a comic by hand would take.
  - antifa 4y ago
    The hand writing was just bad. It wasn't full chicken scratch, but the idea that you would look at negative comments, look at the content and think it's fine, then aimlessly acuse readers of being young is rather absurd. One way to improve would be to trace a font like comic sans or ames (I'm not actually a font connoisseur). The tracing would be for keeping the kerning and spacing good, not for literal cloning. You can do your own style, but your style itself still needs to be legible. You can also make your own font file from your hand writing. Pinch zoom didn't work on this website in Firefox for Android. This would also compound the existing problem.

agentwiggles 4y ago

I played with Kaboom a while back and found it fun. I was disappointed, however, to see that the little song that used to be on the front page of the website is gone. Kaboom devs if you see this - bring back the song!

smegsicle 4y ago

can't bother to point out that y axis is flipped because that's how we read and the same hardware that was used for printing text was also used for graphics

deleted 4y ago
[deleted]

valbaca 4y ago

If you want a legible way to build a game in Javascript (and so much more!) check out "Eloquent Javascript". Chapter 16: Project: A Platform Game https://eloquentjavascript.net/16_game.html https://eloquentjavascript.net/16_game.html

deleted 4y ago
[deleted]

merlincorey 4y ago

> A tutorial like you have never seen before Conrad from Land of Lisp did it before[0]. [0] http://landoflisp.com/ http://landoflisp.com/