Skip to demo

In 1996, on one of the earliest Walt Disney World trips I can strongly remember (Cinderella's Castle was a cake), I purchased a PC game called The Walt Disney World Explorer.1 Presumably, it came in one of those classic inexplicably oversized boxes that only contained a CD jewel case and small instruction book. This game ended up being one of my favorite things about childhood, and is probably the source of my passion for pursuing Disney parks knowledge. On another trip in 1998, I excitedly purchased the Second Edition, which was largely the same but with minor changes to reflect WDW updates of the preceding years.2

Main Screen image
The main overview screen of the game

The game — though it's arguably more of an educational/informational tool than a game — may seem quaint today. The user is shown whimsically (but inaccurately) drawn maps of Walt Disney World and its theme parks, then clicks on attractions, resorts, or images representing topics like Imagineering or horticulture (yeah, really), and gets taken to a short slideshow of images playing under a descriptive narration and authentic parks music. Most attractions also feature "Backstage", "Trivia", and "More Stuff" sections containing even more information and photos. Today, trivia and photos of everything at WDW are available online from myriad resources; however, in the mid-1990s having a colorful, interactive tool with so much information (and music!) was extremely novel.

Horizons image
Example of an attraction slideshow screen

Since mine isn't the first nostalgia-tinged writeup about The WDW Explorer, I won't go into a ton more detail. There are a few videos of it on YouTube for those who wish to get a feel for the game or revisit it. Instead I want to focus on a particular feature of the game, the interactive timeline.

The WDW Timeline

One of the memorable features of both editions of The WDW Explorer was the interactive timeline. For each year, from opening in 1971 to 1996 or 1998 depending on the edition, a narration explained some of the key developments at WDW. An overview map of the resort also updated with each year to show each new park or resort as it opened. One could slide the timeline back and forth and quickly watch the resort develop or regress.

Demo

As a coding exercise, I decided to re-create the Second Edition's timeline in a web browser. The demo is below.

Warning: After clicking start, roughly 10MB of data will be downloaded. (The game will begin before this download is complete).

As you can (hopefully) see, the timeline is a fun way to explore WDW history.

Most entertaining to me in 2018 is how it serves as a time capsule of when it was released. Notice, for example, the inordinate amount of space given on the map to the now-defunct Disney Institute. Seriously, it's as prominently featured as the theme parks (even moreso than Animal Kingdom). It should come as no surprise that the Institute opened in 1996. I imagine Michael Eisner (aka Captain Synergy), the driving force behind the Institute, specifically directed the art department to highlight it.

Here are a few more bits of trivia for WDW buffs:

  • Careful listeners may note that Disney-MGM Studios (now Disney's Hollywood Studios) is referred to as "The Disney Studios" in the game. As Yesterland points out, this "was due to a licensing limitation dealing with content distribution" that barred the use of the MGM name in certain contexts. This name was also used in promotional VHS tapes of the period.

  • There are a few notable omissions (beyond the conspicuous lack of parking lots on the map). Coronado Springs Resort doesn't appear, nor is it mentioned in the narration, despite opening in 1997 and being featured elsewhere in the game. The opening of the Wide World of Sports complex is mentioned in 1997, but it does not appear on the map (probably due to lack of space).

  • Take a moment to compare this map to actual satellite imagery of WDW. To put it lightly, there are some liberties taken to allow the whole property to fit on a 640x480 screen. Among the more egregious errors is the implication that Bay Lake and the lake bordering Downtown Disney3 (now Disney Springs) are connected by a short river or canal. In reality, they are not connected and are nearly four miles apart. Ironically, the navigable waterway in the Epcot Resort Area is not shown connecting to the Studios as it actually does. The placement of Port Orleans northeast of Bay Lake is also quite bizarre, as is the Speedway being east of Magic Kingdom.

  • A few of the things present in the 1998 image that are now demolished or significantly changed: the WDW Speedway (demolished 2015), the Disney Institute (became the Saratoga Springs Resort in 2003), River Country (closed 2001; extant but abandoned), Discovery Island (closed 1999, also abandoned), Downtown Disney Marketplace/West Side/Pleasure Island (dramatically re-themed to Disney Springs, the name becoming official in 2015), and finally much of The Disney Studios: the Earful Tower was removed in 2016, the Studio Backlot Tour (represented by the tram) closed in 2014 and is the site of the upcoming Toy Story and Star Wars additions, and the Chinese Theater, though still present, no longer hosts The Great Movie Ride.

Technical Details

For those wondering exactly how the web version was accomplished, the source is available on Github.

It was written in vanilla JavaScript and utilizes an HTML canvas for drawing most of the images. The monorail train and year text are separate absolutely positioned elements on top of the canvas. The Tinkerbell cursor is a combintation of the CSS cursor and animation properties. A simple keyframe animation is used to switch the cursor image halfway through the "animation", which is given a total length of 0.16 seconds, though the actual speed noticeably varies on different machines/browsers. There are some hidden divs which define the clickable regions of the app, facilitating easy :hover CSS rules that change the cursor to the "pointing" version. The images, as well as some audio, are cached initially (hence the loading screen) via a homemade solution.

The audio assets are taken straight from the game, though converted from the original '90s-era .WAV files that I couldn't get to play in an <audio> element. The image assets were trickier. There are no image files on the disc from which to easily snag them. Most of the visuals of the game seem to be in .SCN files that I heretofore have not been able to parse or decipher. It seems to be a proprietary format, and is likely compressed in some way. Thus, the images were created from screenshots of the actual game, which miraculously continues to run on Windows 7.

The asset limitations prevent making the app anything but a fixed 640x480 pixels. The upside of this was the app wasn't a particularly difficult build, since positions could be hard-coded. The downside is support for touch devices is weak given the controls initially designed for the more precise mouse pointer.

I made one slight improvement to the original game, which was to allow the left and right arrow keys to change the year. Otherwise, the experience is as close as possible to the original as I could get.

Notes


  1. I wish I could recall exactly where I found the game. I think it may have been at the now-defunct Virgin Megastore in Downtown Disney. Oddly enough I also have a distinct memory of looking at the box and pondering purchasing it ($25 was a lot to a kid) at some shop in World Showcase.  

  2. Anyone that shared the realtime experience of buying both editions knows the ensuing (admittedly childish) disappointment of finding out that the Second Edition was 95% the same, and that Animal Kingdom was represented by a single slideshow rather than the park having its own map(s) like the others. But that's a rant for another time (namely, twenty years ago). 

  3. This lake was known as Village Lake at the time. In recent Disney Springs maps, it seems to have been re- designated Lake Buena Vista, despite this name traditionally belonging to the connecting lake to the northeast, on the other side of East Buena Vista Drive.