The Short Dark by PhyscoKillerMonkey
A top-down demake of The Long Dark. Scavenge buildings for resources, run from wild animals, eat snacks, and don’t get too cold!
Made from scratch with just JavaScript, HTML and CSS!


Controls
WASDmoveLShiftsprintEinteract with nearby objects like doors and storage containersTabopen inventoryMouse1fire when a gun is equipped
You can find loot containers randomly generated inside buildings. They provide a source of food and drink (and hopefully a gun to keep those pesky bears away!)
Make sure to keep an eye on your vital stats in the bottom left corner. Stay inside to warm up, eat and drink to satisfy your hunger and thirst. Your health will replenish over time if you have food to spare. Sprinting allows you to move faster with the trade-off of consuming food and water quicker.
Bears will attack if you get too close - keep your distance!
All objects in the game are rendered using divs and CSS for positioning - this can be taxing on system resources, especially on lower powered devices. If you are struggling for performance resizing the browser window smaller should help a bit.
| Link | https://reece-bennett.github.io/the-short-dark |
| Original URL | https://ldjam.com/events/ludum-dare/50/the-short-dark |
Ratings
| Overall | 994th | 3.289⭐ | 21🧑⚖️ |
| Fun | 1053th | 3.026⭐ | 21🧑⚖️ |
| Innovation | 1121th | 2.789⭐ | 21🧑⚖️ |
| Theme | 405th | 3.895⭐ | 21🧑⚖️ |
| Graphics | 762th | 3.553⭐ | 21🧑⚖️ |
| Mood | 1070th | 3.105⭐ | 21🧑⚖️ |
| Given | 24🗳️ | 16🗨️ |
Without audio/music the game is very well-behaved. This also makes it relaxing. If you are not being chased by a bear....
Anyway very nicely done! good graphics and atmosphere! Keep it up!
The minimalist art style is great, and it's a great look for a top-down perspective. It really helped make this game your own, which is something I've always worried about when I make a 'clone'
I seemed to hit the edge of the world, so I'm guessing this was a curated experience. I'd be really interested to see an endless mode with procedural generation - this is the kind of game I'm a sucker for
Edit: This is rendered with CSS!? Holy crap you madlads lol
@forgin-bits Thanks for giving it a play. Footprints was one of the things we had from the start in our mockup, managed to just squeeze them in before the jam ended!
@adamjn Containers are just found in houses at the moment, you have to open the doors and walk in then you should see them. Thanks for playing!
@fc85057 Thanks for the feedback, happy that we got the vibe right. We would have loved to do more with it but was probably a bit ambitious, ended up a bit more like a tech demo than we would have liked.
@firescape-games Glad you liked it!
@guy-girmonsky We started out with the art vibe then built a game around that so glad you like it! Ideally we'd have a bit more of an in-game tutorial/make it more obvious but ran out of time. Likewise with the enemies we were planning for wolves and other wildlife but that was a bit ambitious :D
@math1369 Good to hear you like the style. The game doesn't have audio, was 2am here when we submitted so forgot to opt-out of audio, have done now (:
@kro Thanks for the review! Yeah there isn't a whole lot of content as we ran out of time a bit, I like the suggestion of more objects in houses, it's something we want to add on as a follow up.
@leiv-erik Glad you enjoyed it! Yeah it's a little tech-demoy at the moment. We wanted a bigger/infinite level but we didn't have time to implement any kind of object culling so this is about the maximum we could have before FPS started taking a massive hit (drawing everything with CSS isn't the most performant way of drawing things).
@bougiebirdie I picked it up recently and am loving it! Just on episode 4 at the moment, haven't actually played the survival modes yet so this was a bit of a stab in the dark at how they should play.
You can thank @burntcustard for the art, I love it too.
We unfortunately didn't have time to make the level bigger/infinite as we started hitting performance issues making it any bigger - the level is procedurally generated but just with a limit on how much is generated :D
And yeah, all drawn in HTML/CSS, many mannyyy divs (our second game this way, you'd think we would have learnt by now, at least it was just 2D this time :joy:)
I love the minimalist art style, it has just enough polish to look very good. The bears' AI needs some improvement: they can see the player through walls it seems, and once they saw you enter a shack you're pretty much doomed as they will block the exit (at least if you don't have a gun.) I would also witch walking and running, but maybe that's just me. The super slow walking speed made me run all the time.
It's still very impressive, and it works really well. Well done!
@gatlink Oops, now you mention it I never thought about the inventory scrolling. Not sure I ever lived that long with that many items to need it. Running does use up food and water quicker than walking, but maybe it's not enough of a noticeable effect to make a difference. We wanted to have a kind of stamina system too but didn't get it implemented properly in time. Thanks for playing :)
@grumpy-gecko The art style was the main drive in this project so nice to know the style worked for you. I'm personally super happy we managed to squeeze in the footsteps at last minute, I think they add a lot to the feel of the game. Definitely want to take this one further, we ran out of time a little bit with the scope of things to do.
@masterofcheese Great to hear you like the style :) It's mine and @burntcustard second project using CSS for rendering now, it can be quite powerful but is a right pain to work with haha. We were planning for an infinite world but didn't manage to get that implemented in time.
@noiyy Glad you liked it :) Yeah the map only generates so far, we didn't manage to implement an infinite world like we would have liked and this was about the limit of objects before performance started taking a big hit.
Gostei também de como fez os gráficos com formas simples e mesmo assim da pra entender muito bem o que é cada coisa.
Bom trabalho. 👍