I loaded up my game on an iPhone, and was surprised to see it actually started running. I added some viewport meta tags and BOOM! it was actually playable!

There are a couple of reasons this is really amazing and crazy.

Hover? Laziness will fix that.

The first is, I never designed the controls to work with mobile: it was only a last minute design change at the zero hour (well, 2 hours before the zero hour) that meant it accidentally worked at all.

Initially, stats in the game were to be editable at the top of the screen. You would click on someone/something to see the stats at the top, then either click again to drag them, or move up and modify the stats.

But it was clunky and not fun. Also I had run out of time to make the stats meaningful. At the last minute I switched to the current (much more "natural") controls where you hover to see stats, then click to interact.

Thanks to some original code that I forgot to delete, both hover AND clicking would display the stats and select the entity. By accident, the lack of "hover" support on the mobile was solved. There's still a weird cursor on the screen that only kind of follows you around - but hey, it works!

import Peep from "./Peep.js".

The second reason I'm amazed the game works at all, is that I wrote it completely in JavaScript using all the latest-n-greatest EcmaScript features, without transpiling/compiling anything... and the phone supports it all. Since when?!

That means that JavaScript native modules work on mobile devices. I had no idea it had rolled out so quickly. I don't know if the Android browser can run it yet (I'll test in the office today! [EDIT: Yep! Works on a recent Android device too!]), but I'm happy to see these features become ubiquitous.

The upside of these new features is that this image represents my entire project: no NPM project, no "dot files", no building... nuthin'. Just a few plain text files and we've got a game! View-source and you get all the code - just like the olden days again. sniff.

Play Farm to Table!