- Brief -

Haunted Inglewood is a spooky and entertaining mobile game. Combining an interactive map and haunted Calgary Inglewood local ghost stories, this is designed for adventurers who wish to explore and learn about the local history.

- Why -

Inglewood is rich in commerce and history, filled with eerie stories and legends. My goal is to merge them and create a fascinating interactive map game that allows users to explore while also promoting local businesses.

- How -

Using pure CSS to make the opening animation, let the cute little ghost guides the user to start the game. Additionally, the spell and titles for each location use JavaScript to perform a fade-in effect. Five special locations contain ghost story recordings and eerie background effects.  Every location page has an interactive photo showing the ghost and uses conditions to determine if the item has been collected. The treasure bag page also automatically detects if the user has collected all items to unlock the secret of the spell.

• PHP - The primary back-end development language
• JavaScript - Main development language for front-end animation
• CSS - Front-end page design and animation development programming language
• Photoshop - Main design authoring tool
• Premiere Pro - Main sound editing tool