Giter Club home page Giter Club logo

flash_lights's Introduction

Flash. Lights.

Link to flash.lights

Version 1.0

Designed and developed by Timothy Malstead [email protected]

Memory. Tested.

How much can you remember?

Flash. Lights. tests your ability to remember sequences of colors and challenges you to repeat advanced combinations in a fun and colorful environment optimized for desktop web and mobile devices.

Flash. Lights. was made to pay homage to the classic children's game Simon and to test my ability to design and implement fun, intuitive and beautiful software and my ability to work with responsive design.

Gameplay

flash lights screenshot

1)Once the game begins, the user is shown a pattern of flashing tiles.

2)After the pattern has been displayed, the user must click the tiles in the same order displayed in order to pass the round.

3)The user can input a maximum of ten wrong patterns before the game ends and the user is asked if they would like to try again.

4)If the user inputs five correct patterns, the game goes to the next level, with more squares for each level.

5)After progressing through all the levels, the user wins the game! They are then given the option to play again.

Technologies Used

In addition to the three main front end web languages, HTML, CSS and JavaScript; this game takes advantage of the jQuery and Animate.css libraries to create a smooth and easy to navigate user experience. My goal with the user interface of this project was to create as minimal and Spartan project as possible, something that can get out of the user's way and allow them to concentrate on the game.

Known Issues

The game can run into issues with the game functions and animations if there are browser extensions running that effect JavaScript.

The one seen the most is that after a random pattern is displayed the program will think that the second light flashed in the pattern was the correct one and will read the first light actually flashed as incorrect. I believe it is an interval issue brought on by browser extensions effect on the JavaScript.

If you are having problems, try disabling extensions or running in incognito mode.

Next Steps

1)Add a back end to store high scores.

2)Add a social function to share how many times you've won.

3)Add new game mechanics, such as hidden tiles, new shapes etc.

Special Thanks

Thanks to all my fellow students in SEI CC 5 (Cranberry Gobblers 4 Lyfe!) for all the encouragement, opinions and laughs.

Big thanks to my instructors Michael Christenson, Michael Siller, Clayton Wang and James Haff for all the help figuring out intervals, sounds and the patient explanations of why asynchronous programming just doesn't work that way.

Huge thanks to Daniel Eden for creating the Animate.CSS library. He made it easy to make my project dynamic.

Gargantuan thanks to Andrew Singer for graciously donating the chipset sounds.

Finally, thanks to you for taking the time to read this and to play my game. If you loved the game, I'd love to hear from you!

flash_lights's People

Contributors

timmalstead avatar

Watchers

James Cloos avatar  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.