Animal Keeper - a JavaScript and HTML5 Canvas game
Last updated on January 2, 2015, 8:08 by Sebastian Mihai

I had wanted to code something in HTML5's Canvas for a while, and of course, I decided to make a little game.



Rules




You control a keeper who is trying his hardest to maintain the well-being of his animals. He can perform the following tasks:


move - click on any space on the playing field

pick up items such as food and medicine - click on the corresponding icon. The keeper will walk to it and pick it up. He can only hold one item.

feed animal/administer medicine - click inside of an animal enclosure. The keeper will automatically feed the animals in that enclosure, or administer the medicine, depending on what is being held at the time.



Note: when standing close to an animal enclosure, you can inspect the diet of the respective animal, in order to learn what to feed them.


Note: some foods are harmful to certain animals!



The game doesn't keep score. It's more like a simulation in that sense, but I think it is still fun to try to keep your animals happy. They will get sick and hungry quite fast. Be on your toes!


Click here to start



Notes




The game is based on the Canvas element in HTML5. I've made a few attempts to add sound as well, but had very poor results, and which varied wildly between browsers.



Since at every refresh (such as movement) the images have to be re-loaded (via setting the src attribute), I've converted the contents of my .png files to base64 and stored them as strings in Javascript. This means that the browser doesn't have to make a trip to the server to get them every time something moves on screen! The only image that is present is the playarea background, a large blended terrain texture.



You can download all game files locally (the directory can be accessed freely, listed, etc.), and tweak the code as you see fit. In particular, game balance constants are found at the beginning of globals.js.



Compatibility




The game works with Firefox 3, Firefox 4, and Internet Explorer 9 (click 'Allow blocked content').


The game does not work with Ice Weasel 3.


Compatibility with other browsers is unknown.



If you use the materials on this page, or any other page on this web site, you do so at your own risk. They are provided "as is". No warranty is provided or implied. I neither guarantee that the materials will work, nor that they will not be harmful in any way.

Intellivision development - Hotel Bunny

Coverage of my projects

Interviewed in the Retro Gamer magazine

My homebrew cartridges

ZX Spectrum development - Husband Chores (in Z80 assembly language)

No Snakes! - a multiplayer game over serial port

Sega Dreamcast development - Overbearing Burgers

Snowdrop OS - my operating system from scratch, in assembly language

libzx - ZX Spectrum game programming library (Z80 assembly language)

Compact Pong - game in C# for the Pocket PC (Windows Mobile 2003)

TOTP (time-based one-time password) authenticator in C# (.Net)

aSMtris - Tetris in assembly language (x86, 16-bit)

Balanced Diet (GBA) limited edition

Gameboy Advance development - Balanced Diet

Atari 7800 development - Poetiru

Arcade ROM hacking - Knights of the Round translation

PocketStation development - Pocket Worm

Sega Game Gear development - Burgers of Hanoi GG

Pokemon Mini development - Mini Cookie

Magnavox Odyssey2 development - Red Green

Sega Dreamcast VMU development - Raining Squares

Nintendo GameCube development - Mama Bear Puzzle

Nintendo Wii development - Groundhog Puzzle

Sega Saturn development - Saturnade

Atari Jaguar development - Jagmatch

Sega CD development - Blackjack CD

Nintendo 64 development - Don't Be Square

Commodore 64 development - Tube64

Sega 32x development - Eight Queens

WonderSwan (Mono) development - Swan Driving BW

WonderSwan Color development - Swan Driving

Animal Keeper - a JavaScript and HTML5 Canvas game

3DO development - Space Invaders Invaders

Sony PlayStation development - The 11th Power

Sony PSP development - Newton Voyage

Nintendo DS development - Geoincursion

Gold of the Kingdoms - an XNA/C# homebrew game

Blue Elf 2 309-in-1 JAMMA PCB - troubleshoot controls not working

Fractals in JavaScript and HTML5 Canvas

Angry Video Game Nerd (AVGN) theme song on the Gameboy Advance

Novice calligraphy - Gothic hand, with letter guide

Video compilation of my classic console homebrew games

Seven segment display circuit with the 4511 decoder and the 4029 counter

A simple Atari 2600 joystick tester circuit

555 timer and 4017 decade counter - traffic lights circuit

Catch That LED! - an electronic game circuit

Capacitor study circuit

BlackBerry PlayBook development - Sheepish Bearings (Native SDK, OpenGL)

Neo Geo Pocket Color development - NGCollector

Neo Geo development - Neo Thunder

Atari 5200 development - Shooting Gallery

ZX Spectrum development - simple input/graphics example

Vectrex development - Scalar Ownage

Nintendo Virtual Boy development - Real Danger

Gameboy Color development - Burly Bear vs. The Mean Foxes (GBC version)

Sega Master System development - Burgers of Hanoi

Colecovision development - Mowleco

TurboGrafx-16/PC Engine development - Alddee

Atari Lynx development - Catkanoid

Nintendo NES development - Invaders must die!

Atari 2600 development - Snappy (batari basic)

Super Nintendo development - Bucket

Gameboy Advance development - smgbalib library

Airplane Vegas slot machine

Sega Genesis development - Gen Poker

(2004) Project One - first university game programming club project

Gameboy development - Burly Bear vs. The Mean Foxes

(2006) RGB Overdose - university programming contest entry