• Cursed page
• Weird writing and unreadable text

Zalgo is text that appears "corrupted" due to an overuse of diacritics

Cursed/Creepy Characters that will be appearing throughout the page

• Sketches
• Color Palette

The cursed image is the trigger that when clicked on, unleashes curses onto the user's browser. It appears randomly on the user's web page by hijacking a preexisting image.

Development to do:

• it should appear randomly on pages with more than 3 images
• it should take over medium to big images
• it should interact with the user's mouse somehow;

Design to do:

• Creepy and simple image
• No more than 500px wide;

Use the background.js to access the window object to make the window open and close in a pattern.

• Layout of the page
• Any effects

Design of the chrome extension icon that appears on the top of the page

Idea Pitch - Haunted Browser

This project is an artistic chrome extension that simulates the possession of a demon inside the browser. Weird things will start to happen after the user interact with a cursed interface.

Expand the Idea

We need to expand on this idea and go on detail for each of the curses.

Fabio

• Come up with the most complex curse that you work on.

Catherine

• Come up with simple curse that you would work on.

Chrome Extension - content.js:

Create a bloody screen effect that would appear in the background of every website.

• Some form of animation
• New canvas should be created to be put in the background
• The background should become red

Set up gulp files for production and development.

Dev

• Sass
• broswersync
• linting html, css, js

Production

• Sass
• compress html, css, js

• Simple page to help inform viewers how to stop the extension effects
• Hacker

A swarm of cursors will fly around the cursor in a circular pattern that creates the illusion of randomness. This will create confusion as to where the real mouse cursor is.

To do:

• at least 10 independent particles with cursor skins
• Take into consideration cursors for both mac and windows

Full images; clean lines and full color
Modified symbol

Description

A framework that stores and selects modules of functions based on time.

• A curse is a front-end function that can manipulate the DOM in some artistic way.
• A stage is a collection of curses based on curse type. They are responsible for storing and executing curses.

Checklist

• Create Stage object to store and manage all curses
• Create framework Haunter which has an internal timer that activates modules
• • Haunter should be flexible enough to support stage modules in any order
• • Haunter should determine how long each stage should last, based on the amount of stage modules
• Put each object in separate scripts

Chrome extension for development

Develop a basic chrome extension that works on every page, so that we can use it test out visual effects.

Basic Requirements

• Works on every page
• Has an working example in it