Coder Social home page Coder Social logo

show_and_repeat's Introduction

Show_and_Repeat

WDI 14 LDN Project 1


For my first project at General Assembly, I designed and built a two player version of simon says with a dancing theme. I wanted the project to be colourful, use button inputs and have movement and sound feedback. The finalised version of my game can be viewed here.

    Game Rules:
  • The game begins with player 1 as default.
  • Player 1 enters 3 moves using the keyboard arrow keys.
  • These moves are displayed in sequence to player 2 then hidden.
  • Player two must iterate on these button inputs from memory and then add their own additional move on the end.
  • This new chain is again displayed to player 1 who iterates and adds another movement on the end.
  • The game continues until a player is unable to remember the full chain of moves in sequence.
  • When a player fails to repeat the chain, the other player gains a point and the game resets.

The final design of the project: ITERATORS

Learning Outcomes

This project really helped a lot with control flow. I wanted the game to play without always prompting the players or have the player click buttons to progress. The project also made me feel better about my basic CSS skills and introduced me to features that will be useful for impressive web design such as CSS animations and using classes to change visuals.


Development Profile

The game was built with HTML, CSS and Javascript. I used jQuery at some points to streamline event listeners, getting elements and altering attributes. I used soundmanager 2 to implement sound effects in my game. I drew the the simple 2-frame animations myself in Gimp image editor and sourced the sound effects online.

default

left

up

right

down


Further Ideas

If I had more time I would like to play around with the possibilities of the sound effects. I used drum sound effects and could easily allow the player to play these back creating a small drum loop of sorts. Also, my game waits for the responding player to enter a chain of moves as long as the initial chain before checking if it is correct. In conventional simon says, the game over happens immediately when the first incorrect move is entered.

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.