Fish Race

22nd March 2002

Fish Race is a very cute game, featuring five colourful fish who race across an underwater scene. The object of the game is to back the winning fish - you can bet on the outcome of each race, and if you win you score a point.

After that it's up to you how you play - you could, for example, compete against your friends to be the first to a set number of points. You could even combine it in with another game - using the race as an elaborate dice or qualifier!

The game works in all modern graphical browsers (with javascript enabled) and, as it happens, is just the right size for the iPhone/iPod Touch (despite predating it by almost 10 years — now there's forward compatibility for you (thumbs up)).

Enter the names of up to five players in the text boxes below, then click Play Fish Race! (opens in a popup window):

How to play

At the beginning of each race you can bet on the fish you fancy, but once the fish are swimming you can't change your bet. Any players who aren't named will bet automatically:

The betting form is a grid of checkboxes with player names down the side and five choices of fish across the top

The game defaults to even points - each fish has an equal chance of winning. You can also use biased odds so that some fish have a much lower chance of winning, and consequently score more points:

Purple fish
The purple fish scores 1 point
Blue fish
The blue fish scores 2 points
Orange fish
The orange fish scores 3 points
Green fish
The green fish scores 4 points
White fish
The white fish scores 5 points

This is controlled with two buttons:

Two buttons for selecting the odds - Even or Bias

There are five more buttons to the left of those, which set the game speed. I found this a necessary feature to allow for different processors (and different amounts of patience!) You can change the speed at any point in the game:

Five buttons for changing the speed - very-low, low, medium, high or very-high

The final button begins a new race, which you can also do at any point in the game:

The Play Fish Race! button

Get the script

Download the zipfile [83K], unzip it into your site directory then add the entry-form scripting and HTML to your page:

<!-- Fish Race game by Brothercake - -->
<script type="text/javascript">

//global object
var wind = new Object;

//open fish window
function fishWindow()
    //open window
    wind.window = open(

    //compile query string of player names
    wind.pln = [];
    wind.plQ = '';
    for(var i=1; i<6; i++)
        wind.pln[i] = document.getElementById('player' + i).value;
        if(wind.pln[i].indexOf('Player') == -1)
            wind.plQ += wind.pln[i];
            if(i < 5){ wind.plQ += ','; }

    //set window URL and focus it
    wind.window.document.location = 'fishrace.html?' + wind.plQ;
    //don't do native submission
    return false;    


<form action="" onsubmit="return fishWindow()">

            <label for="player1">
                Player 1
            <input id="player1" size="12" maxlength="10" />
            <label for="player2">
            Player 2
            <input id="player2" size="12" maxlength="10" />
            <label for="player3">
                Player 3
            <input id="player3" size="12" maxlength="10" />
            <label for="player4">
                Player 4
            <input id="player4" size="12" maxlength="10" />
            <label for="player5">
                Player 5
            <input id="player5" size="12" maxlength="10" />

        <input type="submit" value="Play Fish Race!" />



Those lovely floating bubbles come from Lisa Explains it All, a script I found at Dynamic Drive.

Get the script

BSD License → Terms of use


Website gadgets

Bits of site functionality:

Usability widgets

Local network apps

Web-applications for your home or office network:

Game and novelties

More amusing than useful:

Our internal search engine is currently offline, undergoing some configuration changes in preparation for a major site overhaul. In the meantime, you can still search this site using Google Custom Search.

In this area

Main areas

[brothercake] a round peg in a square hole, that still fits