Giter Site home page Giter Site logo

hack-attack's Introduction

Mystery Machine Hack Attack - User Stories


The player is standing infront of a mystery machine with many knobs, sliders, buttons, switches, dials, etc. There is a pale green screen in the center of the machine with confusing and complicated sequence of instructions describing how to use the machine. Each command also has a timer below it that ticks down every second, and it resets every sequence. The player wins when they have completed 5 sequences. The player loses if the timer ever runs out, or if they guess incorrectly three times. wireframe

Visual Style

Visual StyleMechanic #020 - Control Panel by Sean Howard The game will have the look and feel of early video games with 8/16-bit colors with limited pallettes. Each button, knob, slider, etc will play a sound when activated(strech goal). The fonts will be pixelated and the screen will be monochrome green.

Fonts

I plan on using Gloria Hallelujah for all of the button lables, to make it seem like they were all written by hand. As for the text on the console display, I originally wanted to find a more pixelated font, but I found this typewriter-style font called Special Elite that I think fits well with the overall theme, and with my button font.

gloria.png

specialElite.png

Sound Reference

Although I don't know if I will actually be able to get a soundtrack into my game(strech goal), these songs do a good job of the overall mood and theme of the game. Something very synth heavy with a a frantic pace to add to the intensity of the game play, and fit with the theme of hacker tools.

Dew Point by Chris Christodoulou for the Risk of Rain OST

Apex Beat by Darren Korb of the Transistor OST

Wanna Fight by Cliff Martinez for Only God Forgives

Gameplay

Please, Don't Touch Anything' The game will essentially play like simon says in the visual style of Please, Don't Touch Anything. There will be a prompt on the screen, and the player inputs the sequence in order to progress. The instructions will be a little less intuitive, and the timer will be tuned to make sure that the player is under pressure to figure out the sequence to progress. The sequences will get longer and potentially more complicated as the player progresses. The player will enter what they think the sequence is, then press launch to guess, then if they are correct the game will progress, if they are incorrect they lose a life. If the player loses three lives, or doesn't enter the sequence in the alotted time then the game is over.

How it works

It's basically one big UI element in the center of the page, with sections of similar button types. I'll have arrays containing all elements of each type, and be able to randomly/procedurally pick the sequence and display it on the screen. The game will then wait for the user to configure the machine the way they think it needs to be configured, then hit launch, which is when the game will check to make sure the inputs are configured according to the sequence. At the very end, if the player beats the game, I want a piece of toast to come up from the top of the machine, implying that this isn't some crazy hacker machine, and is actually a toaster(strech goal).

MVP

  • game plays for 60 seconds and the player can attempt as many sequences as possible
  • very basic UI elements and art style
  • game can be completed and has an end screen that displays score
  • game can reset and be played again from the start without refreshing page

Strech Goals

  • better looking art, style, layout, etc
  • soundtrack
  • each button plays a sound when interacted with
  • more buttons, knobs, dials, etc!

V1

version 1

V2

version 2

V3

version 3

V4 (final)

version 4

hack-attack's People

Contributors

ziggi24 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.