Tough Title City - A video game in your browser's title bar (patrick-wied.at)

32 points by dgarner 13y ago ↗ HN

24 comments

[ 4.4 ms ] story [ 73.2 ms ] thread

I do not understand how this game works. All I get is a lot of squares (Opera, IE9, Chrome)

pa7 13y ago ↗

What version of Opera and Chrome? Opera 12.01 and Chrome 21 work - this is what you should see in your title bar: http://o25.img-up.net/screen1239.png

Skalman 13y ago ↗

In Chrome 18, Opera 12.01 and Firefox 16 I also only get boxes. All on Ubuntu 12.04.

shawabawa3 13y ago ↗

I have chrome 21 and I just see squares

edit: On windows 7 64 bit

rkangel 13y ago ↗

Chrome 21, Windows 7. Only see squares.

stefs 13y ago ↗

it's all (unicode) boxes, no graphics.

chrome 21.0.1180.79 + ff 14.0.1 on mac os x

namzo 13y ago ↗

I use chrome 21.0.1180.79 on mac os x, and it works fine here.

ksesong 13y ago ↗

Firefox 14, Linux. I see only squares.

rolandboon 13y ago ↗

In Chrome 21 (Win7-64) I only see squares moving in title bar In FF14 (Win7-64) the characters show, but are black.

dt7 13y ago ↗

Doesn't work for me either in Aurora (Firefox 16) or Chrome 21 beta (on Windows 7).

Shivetya 13y ago ↗

I get the cop on the left and "squares" in the tab. While a cute idea it is not all that interesting as it sits in a single tab with Firefox. So the whole display is very tight as I have eight tabs.

Then there is the whole, just spam spacebar for the win.

julianz 13y ago ↗

Yep just squares here for a few seconds and then game over (Chrome 21.0.1180.79 on Win7 x64)

xmmx 13y ago ↗

I think it's because the author uses apple icons, so it doesn't render at all on windows machines.

mrspeaker 13y ago ↗

Fantastic work - I love these kinds of zany hacks. Though, this should be combined this with some "Defender of the Favicon" magic for extra gameplay options! http://www.p01.org/releases/DEFENDER_of_the_favicon/

mmahemoff 13y ago ↗

If anyone else is wondering how the characters are generated:

  states = {
    // policeman
    "0": decodeEntities("&#x1F46E;"),
    ...
    // octopus
    "3": decodeEntities("&#x1F419;"),

    // explosion
    "4": decodeEntities("&#x1F4A5;") 
  };

From http://www.patrick-wied.at/projects/tough-title-city/game.js

TazeTSchnitzel 13y ago ↗

That's weird, I'm fairly sure JS strings are Unicode.

schoash 13y ago ↗

have no title bar in chrome :/

namzo 13y ago ↗

It works on the tab bar in chrome.

loowee 13y ago ↗

Check the site's tab

TazeTSchnitzel 13y ago ↗

Nice idea, but I can't help being reminded of the old days of JavaScript, where the status bar was abused for scrolling text marquees.

tvdw 13y ago ↗

As lovely as it is, this will probably only work on Mac as both Windows and Linux don't support Emoji

tjdetwiler 13y ago ↗

It is rather confusing with just a string of boxes in the title bar.

DLWormwood 13y ago ↗

And only current Macs to boot... it doesn't work under Snow Leopard.

EDIT: Looking at his home page, it’s pretty clear he is designing towards tablets first, and other machine types second…

computerbob 13y ago ↗

I also only get squares. But if you hold down the space key you get endless amount of points :)