BrowserHack: NetHack ported to the web | Hacker News Reader

BrowserHack: NetHack ported to the web

coolwanglu.github.io

94 pointsivank27 comments

This is fucking nuts!

All of the game code is Nethack's original C: https://github.com/coolwanglu/BrowserHack/tree/master/src

Porting is mainly accomplished by defining a windowing system for 'web' (mostly in C), right next to the definitions for 'X11', 'Qt', etc: https://github.com/coolwanglu/BrowserHack/tree/master/win

And compiling through LLVM via Emscripten, resulting in a browser-runnable JS target: https://github.com/coolwanglu/BrowserHack/tree/gh-pages.

Absolutely incredible work all around.

----

That said, fuck tilesets. ASCII graphics master race.

Mirroring your thoughts, Great effort and results on the port, but seeing tilesets has ruined the experience for me. I spent many wasted hours via a telnet session when I should be working on my 3rd year university projects!

Another interesting technical detail is that the nethack code contains a lot of synchronous stuff, which is generally hard to port to the web (where events must be short-lived). To get around that, the port uses Emscripten's emterpreter-async option to build (as you can see here: https://github.com/coolwanglu/BrowserHack/blob/master/build.... ).

That runs the application in a little interpreter designed for Emscripten output; the interpeter is capable of pausing and resuming code, so synchronous code isn't a problem.

More details on emterpreter here: https://github.com/kripken/emscripten/wiki/Emterpreter

I'm extremely impressed, although as someone who learned NetHack without tilesets, it's hard for me to imagine wanting to play a multihour game with tilesets. (Maybe a funny hack would be to create an ASCII tileset that recreates the appearance of a character-mode display?)

And it's very hard for me to know at a glance what monsters are, but that's presumably just a matter of experience (I immediately know what particular-colored versions of particular letters are, but I haven't learned their equivalents in any tileset by heart).

Also, not being able to see the whole dungeon at once sort of loses information that NetHack users have traditionally (maybe unfortunately) had access to in character mode: if you can see the whole dungeon inside an 80x24 screen, you know in which directions it's worthwhile to search for additional passageways and rooms that you haven't discovered yet (because they have to be in directions that would fit on screen!). In tileset mode with a partial screen view, you don't really know where you are relative to the corners of the dungeon level, so you don't immediately know whether it's worthwhile to search or dig in a particular direction.

A couple of minor practical problems with the interface for me: it didn't recognize Esc (for example, when prompted to choose a direction for the / command), and unambiguous # commands such as #untrap and #pray weren't autocompleted. It's possible to work around the former problem by pressing any non-direction key. For reasons that aren't obvious to me, pressing any arrow key while on top of either an up or down staircase will result in taking the staircase.

I should say again that getting NetHack to run in the browser is a really impressive achievement.

Ad funny hack with ASCII tileset: I googled for some `NetHack ASCII tileset` and found [1], made userstyle [2] that uses this picture and it works seemingly well [3]. So I suppose there will some "true console-looking" tileset soon.

[1] http://geoduck42.deviantart.com/art/Geoduck-NetHack-Tiles-40...

[2] https://userstyles.org/styles/112589/browserhack-geoduck42-t...

[3] http://static.userstyles.org/style_screenshots/112589_after.... This certain sprite seems nice in original, but I had to transform it from 20×40 to 32×32, because re-positioning would be overkill (Haven't found any 32×32 alternative) I just wanted to try such proof-of concept…

Try typing this in the browser console (might need to reload the game first)

nethack.apply_tileset('http://cook.web.eschelon.com/pictures/geoduck20x12.bmp', 12, 20)

I felt that a complete ASCII port worth a separate project, yet it might not be that interesting as we've already got NAO.

But if you guys feel that a ASCII tileset is ok, I'm happy to add it. How about this smaller version?

Pretty neat! And I see you have included that tileset natively. I think that making "pure ASCII image-less tileset" should be piece of cake as well:

  .tile:after {
    display: block;
    text-align: center;
    font: bold 30px/30px monospace;
  }
  .tile158:after {
    content: '@';
    color: yellow;
  }

For people new to NetHack:

You can play NetHack just by running

    telnet nethack.alt.org

And you can save games and resume them from another computer, as well as watch other people play!

Watching complete strangers nethack is weird, because it's a completely noninteractive medium.

You can send them messages via the mail daemon :)

Yes, just create an account on NAO and press "m" to write to the current player (who might then reply to you with "#" or "E-"). People often give each other advice or commiseration.

And there's also a #nethack IRC channel where sometimes players and watchers will comment on ongoing NAO games.

Telnet is not installed by default on recent Windows. The steps to enable it are easily found on the net, but you'll probably be better off with dedicated software, like Putty or Mobaterm to name a few. It could be useful for MUDs too, among other things.

Also for people new to NetHack, don't expect to last more than a few minutes if you're not using the net. There are websites, forums, chatrooms to help you get started. You can start with a community-made beginners' guide http://nethackwiki.com/wiki/Why_do_I_keep_dying%3F

Here's a primitive ASCII graphics version of something similar from a while back...

http://moxielogic.org/blog/nethack-in-your-browser.html

The NetHack C code was cross built to moxie-rtems, which was run in a moxie simulator that was cross built to JS with emscripten.

> You are a neutral male human Monk.

No way, I only play wizard and tourist! Please let us roll our character as standard nethack :)

Very impress beside that, no need to check anymore if my last system has it installed before going on vacation ^^

Nethack is how I committed vim keybindings to muscle memory. This is really cool (though a few things, like Ctrl-D to kick and extended commands seem to either not work or be clumsy).

Ctrl-D works on Firefox/Linux.

Sometimes when debugging particularly stubborn issues I wish I could kick code with ^D in vi.

#untrap would be useful, too.

The fencepost error jumps, easily evading your clumsy kick.

It is super fun, but I identify much more with the @ than with the character in the browser version

Wonderfulness abounds however, great hack from a true hacker

How long is 'a while'? Maybe it doesn't work on Android tablets.

the help screen with the "?" button is probably (hopefully) not the final colors you are looking for. Thanks for doint this though!

The UI is mostly finished. How does the current version look?

I made a web browser playable Rogue-like about 7 years ago.

It was the first incarnation of my Dead By Zombie game. Python and a completely homegrown engine. I later decided the hack novelty of it didn't outweigh the negatives of the inferior latency and increased complexity. So I dropped support for the web UI and rewrote it to have a conventional curses-based UI for play in a terminal. No regrets.

Curses is cool - no bones. But javascript is becoming significant for roguelikes. There's a library called rot.js that is far easier to get started with than the other significant frameworks. They've recently made it work in node.js as well (for the console). Hence, you can easily get a single codebase presenting to both web and terminal.

There's also libtcod[0], a library to help creating roguelikes. There are bindings in a lot of languages (Common Lisp, Nimrod, Lua, Go, D...) and it's a real pleasure to use! I used to work on a Python roguelike, and I can't recommend this lib enough.

[0] http://roguecentral.org/doryen/libtcod/

Frustration. I wasn't able to get libtcod to build. Tried to get prep'd for 7drl a few months back on debian (previous stable) and when that failed, a clean install of windows 7. I've also had trouble with race conditions with keypresses and the python version, although that was a few years back. I like the libtcod philosophy of it being a library approach (contrast with t-engine, which is more of a sandbox model).

Reply on news.ycombinator.com