Git Product home page Git Product logo

izzy-crystal-collector-game's Introduction

                                         # Izzy-Crystal-Collector-Game

                                              # Instructions to Game:

                Izzy's Crystal Collector Game begins with a random number, you have to match that random number to win. There are five crystals that generate a hidden and unique value at the start of each new game. When you click on a crystal, you will discover that hidden value, the key is to see which crystals will give you the score to match the game's random number. If your total score exceeds the random number you lose. Have Fun!! 

ALT TXT

ALT TXT

jQuery Assignment

Overview

In this assignment, you'll create another fun and interactive game for web browsers. This time, your app must dynamically update your HTML pages with the jQuery library.

Commits

Having an active and healthy commit history on GitHub is important for your future job search. It is also extremely important for making sure your work is saved in your repository. If something breaks, committing often ensures you are able to go back to a working version of your code.

  • Committing often is a signal to employers that you are actively working on your code and learning.

    • We use the mantra “commit early and often.” This means that when you write code that works, add it and commit it!

    • Numerous commits allow you to see how your app is progressing and give you a point to revert to if anything goes wrong.

  • Be clear and descriptive in your commit messaging.

    • When writing a commit message, avoid vague messages like "fixed." Be descriptive so that you and anyone else looking at your repository knows what happened with each commit.
  • We would like you to have well over 200 commits by graduation, so commit early and often!

Submission on BCS

  • Please submit both the deployed Github.io link to your homework AND the link to the Github Repository!

Before You Begin

  1. Create a new GitHub repo called unit-4-game, then clone it to your computer.

  2. Inside the unit-4-game folder, create an index.html file.

  3. Still inside the unit-4-game directory, make a folder called assets.

    • Inside the assets directory, make three additional folders: javascript, css and images.
      • In the javascript folder, make a file called game.js.
      • In the css folder, make a file called style.css.
      • In the css folder, make a file called reset.css. Paste into it the code found from the Meyerweb Reset.
      • In the images folder, save any of the images you plan on using.
  4. Set up your repository to deploy to Github Pages.

  5. Push the above changes to GitHub.

  6. Choose whichever game you want to make from the choices below. The CrystalsCollector game is the recommended option, but if you are looking for an extra hard challenge then take a stab at the Star Wars exercise. (Note: Only choose the Star Wars Exercise if you are feeling very comfortable with the material covered in class. The Crystal Collector activity is plenty challenging enough!).

Option One: CrystalsCollector Game (Recommended)

Crystal Collector

  1. Watch the demo.

  2. The player will have to guess the answer, just like in Word Guess. This time, though, the player will guess with numbers instead of letters.

  3. Here's how the app works:

    • There will be four crystals displayed as buttons on the page.

    • The player will be shown a random number at the start of the game.

    • When the player clicks on a crystal, it will add a specific amount of points to the player's total score.

      • Your game will hide this amount until the player clicks a crystal.
      • When they do click one, update the player's score counter.
    • The player wins if their total score matches the random number from the beginning of the game.

    • The player loses if their score goes above the random number.

    • The game restarts whenever the player wins or loses.

      • When the game begins again, the player should see a new random number. Also, all the crystals will have four new hidden values. Of course, the user's score (and score counter) will reset to zero.
    • The app should show the number of games the player wins and loses. To that end, do not refresh the page as a means to restart the game.

Option 1 Game design notes
  • The random number shown at the start of the game should be between 19 - 120.

  • Each crystal should have a random hidden value between 1 - 12.

Reminder: Submission on BCS

  • Please submit both the deployed Github.io link to your homework AND the link to the Github Repository!

Minimum Requirements

Attempt to complete homework assignment as described in instructions. If unable to complete certain portions, please pseudocode these portions to describe what remains to be completed. Adding a README.md as well as adding this homework to your portfolio are required as well and more information can be found below.


Create a README.md

Add a README.md to your repository describing the project. Here are some resources for creating your README.md. Here are some resources to help you along the way:


Add To Your Portfolio

After completing the homework please add the piece to your portfolio. Make sure to add a link to your updated portfolio in the comments section of your homework so the TAs can easily ensure you completed this step when they are grading the assignment. To receive an 'A' on any assignment, you must link to it from your portfolio.


One More Thing

If you have any questions about this project or the material we have covered, please post them in the community channels in slack so that your fellow developers can help you! If you're still having trouble, you can come to office hours for assistance from your instructor and TAs.

Good Luck!

izzy-crystal-collector-game's People

Contributors

izzydavid avatar

Watchers

 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.