:: Welcome ::

Project Description

:: Welcome ::

Project Description

Overview

  1. Game Mechanics
    1. Overview:
      1. The game is one of the familiar games that as we where kids we played when we got board in-class. The game is simply make a box.
      2. You have to put an even number of dots on a piece of paper, and then each person would draw line, if you where able to make a box, you would mark it with a symbol.
      3. So with this game you don’t play against another person, you play against the computer.
  2. Camera Position:
    1. There is not camera position, since the game is online, and it is 2D.
  3. User Interface Design:
    1. It is a basic point and click user interfaces design, the game is on a website, which can be either played online, or downloaded, and played locally on a person’s home computer.
    2. The person will need a working computer that is connected to the World Wide Web, and has the ability to accept JavaScript.
  4. Replaying and Saving:
    1. You can not save what you are playing.
    2. You can replay the game, by either refreshing the webpage, or by quitting the game, and reentering it.
  5. Control Summary:
    1. You use the mouse to play the game, by clicking between the dots on the screen a link appears that connects them.
  6. Game Play Details:
    1. You click on the start game start button to start the game
    2. After starting the game, you click between the doted lines to draw a line to connect the two dotes.
    3. After connecting the two dotes, the program then generates a line that connects another two dotes.
    4. Your purpose is to make a box and mark it with your symbol, and you have to make sure you get the most boxes, that way you can win the game.
  1. Cut-Scenes:

You can see the output when you play the game

  1. Storytelling:
    1. There is no story line, as this is not an adventure game of any kind; you simply play it whenever you get bored

 

  1. Level Summary:
    1. There are no levels, its one level, but every time you play, the way it generates the lines they are different, as they are random, and it makes the game more exciting.
  1. Artificial Intelligence:
    1. Opponent AI:
      1. The program knows when you are about to complete a box, and on its turn it completes it and gets point for it.
    2. Player Detection:
      1. Once clicking on start button, the game will start, and once you play your turn, by drawing one line at a time, the computer responds, and plays its turn by drawing one line too.
    3. Motion:
      1. We don’t have anything that moves, but when just putting your mouse cursor over the two dotes, a line draws between them temporally, unless you click between the two lines the line does stay.
    4. Path finding:
      1. The computer searches for any incomplete boxes that are only missing one line to fill and it makes it complete, once it finds it, it then puts its symbol in there.
    5. Special Actions:
      1. A line temporarily draws when pointing your cursor between two dotes.
    6. Combat (attack, evasion, damage):
      1. There is not combating in this game, hence this is not a fighting game
    7. Non-player characters:
      1. There is the computer, which encounters your moves or plays its turn.
    8. Puzzles and Traps:
      1. Sometimes the computer sets up a box, and you have the ability to complete it and gain credit for it.
      2. Once getting to the final stages of the game, you have to then sacrifice some boxes, because you can’t play any other moves, so you try to give the computer the least amount of boxes, that way your score will be higher than the computer’s.

 

  1. Game Elements:
    1. Items (e.g. data dictionary):
      1. Functions
        1. function newGame()
        2. function clickButton()
        3. function endGame()
        4. function highLight(ltype, y, x)
        5. function unHighLight(ltype, y, x)
        6. function addBox(mtype, y, x)
        7. function updateScore(mtype)
        8. function compMove()
        9. function compDoMove()
        10. function rotateImage()
    1. Character Bibles:
      1. There is no character bible, as this is not an adventure game of any type.

 

  1. Story Overview:
    1. Storyboard:
      1. The story board is available on the main page.
    1. Background/Plot Summary:
      1. We were thinking before designing the game of a project that lets the user have fun and think at the same time. This kind of game makes the user concentrated on both his turn as well as the computer’s turn.
      2. Like playing chess, the player has to plan for his next step before he makes it because taking fast decisions may let the player loose a lot. E.g. drawing a line which lets the computer to fill more boxes than expected by the player.

 

  1. Game Progression:
    1. Setting
      1. Setting is online; the game will be available to be played online, on a computer.
    2. Introduction
      1. Once visiting the site, you can navigate through it to learn more about the game, before playing it.

 

    1. Flowchart

 

 

    1. Level and Scene Details
      1. There are no levels in this game. However, regarding the scenes                    details, once the player clicks on start button, the field where he/she will play on is empty. Only dots on the field appear where the player can draw a line between each two dots horizontally or vertically. Then, the player starts his turn by drawing a line, and the computer plays his turn and return back to the user. The scene becomes lines and dots where each two dots which are already used to draw a line can’t be used anymore. Also, we can see under the start button the score which changes each time the player or the computer completes successfully drawing a box. Each box made by the computer, an image representing the computer appears in it. On the other hand, each box is made by the player, an image represents the symbol that the user picks at the beginning of the game appears in it. This way, the user can easily tell, without looking at the score if he is winning or not.
  1. Lessons Learned:
    1. We learned how to be able to start thinking more systematically, and pay close attention to details.
    2. We learned how to work on a large project that needs hundreds of cods to execute.
    3. We learned how to embed JavaScript code in the HTML code and how HTML drives JavaScript code to Web server. 
    4. We learned how to work in team and to divide the project in parts where each partner does a specific job.
    5. We learned how to apply unit testing in the code and test each function before and after running.
    6. We learned that each program won’t be running correctly unless running each phase of it and unless we are sure that there are no errors in the output.

 

  1. Bibliography:
    1. Numbers from:

http://www.kinderprintables.com/clowns/tracing/numbers.gif

  1. Quit button from:

http://www.awesomebackgrounds.com/templates/t6-action7.JPG

 

  1. Start button from:

http://www.treo.tc/logos/start_button_on.gif

  1. Letters, used from:

http://www.vickieenkoff.com/ve27alphablock.jpg

  1. Icons from:

http://wm-icons.sourceforge.net/preview/64x64-aquafusion.png

  1. Books used:

JavaScript for World Wide Web
HTML for Dummies
JavaScript for Dummies

 

 

geovisit(); setstats1
1