Hosted by SourceForge
Haunted Hollow is an animated-sprite animation created completely using JavaScript, DOM and CSS2. I wrote it in the Summer of 2003 as an entry page to an on-line store front for the up-coming Halloween shopping season. I have used it on every eCommerce site which I have created since.
The scene background is a trail meandering through a dark woods on a moonlit night. A haunted castle on a hill appears out of the middle of the screen, complete with lightning strikes, only to disappear again. There are 7 sprites (inanimate objects) which appear at random and float about the screen for a random period, and then disappear. There is an orange ghoul, a black bat with golden eyes, an invisible man (all that you can see is a pair of evil eyes), a ghost, a skull, and a jack-o'latern.
While this is going on, an animated Frankenstein's monster marches around the screen on a random walk. Keep an eye out for the critters in the tree tops.
There's a witch on a broomstick that follows the mouse to wherever it moves, leaving a trail of 6 images, which try to keep up with the mouse.
Clicking the mouse on any object (except the background) will exit the animation and return to this page.
The purpose of this project was not to design an animated entry page to an Internet-based store front, but rather to learn about the Document Object Model (DOM) and its capabilities, as well as to learn more about Object Oriented Programming (OOP) in JavaScript and to explore the capabilities of Cascading Style Sheets (CSS).
Not wishing to spend a lot of time trying to learn the intricacies (or idiosyncrasies) of each individual browser, I chose instead to utilize Cross Browser Emulator, a great cross-browser library (no longer available), in order to achieve browser independence.
Haunted Hollow has been tested for use with the latest releases of Netscape Gecko browsers (such as Firefox, Sea Monkey and Galeon), Opera and Microsoft Internet Explorer.
This is not an active project. It is not hosted in the open source repository. Although I offer no support for this project, I am making this software available for educational purposes. It may be downloaded from this location:
Once you have the file downloaded and unzipped, read the ReadMe.txt file for information on how to install and configure the application. Keep the directory structure as it is in the zip file, or things won't work very well.