muzny / tiletothetop

Repo for web app based vocabulary game.
0 stars 0 forks source link

Transition screen necessary? #14

Closed lauredon closed 11 years ago

lauredon commented 11 years ago

Is there something else we intended for the transition screen other than displaying score and starting a new game (or "round" / "level"...?)?

Since we noted that the score should be displayed during gameplay here, and we currently have buttons for controlling game transitions ("New-Game"-but-actually-"Return-to-Start" button and "Quit Game") on the main board, it doesn't seem necessary to have these in a separate modal. We could add another button to replay a game with the same settings so that it isn't necessary to go back to the start menu.

Also nitpicky but if we want to keep the transition screen: I think it pops up too abruptly. I don't like the fact that the it's opaque and takes up the entire screen (what if I wanted a few seconds to bask in glory and take a screenshot? maybe if I guessed a word somehow, I needed a moment to study the definition or be dumbfounded by how ridiculous the definition was).

cullensu commented 11 years ago

This is a good point, we could add like a status bar where the current "quit game" buttons are and have it display the score and notify the user if the game is won, although we will need to make it VERY obvious that the game is over and they can start a new game if we go down this route.

jmcmanus commented 11 years ago

I like the idea of having a separate screen that says congratulations, you won! I think it's more obvious/satisfying for the user.

We could make it semi-transparent (and dark gray instead of red), and have it so that when you click it, the screen disappears instead of starting a new game, allowing you to marvel at the ridiculous definitions for as long as you want.

jmcmanus commented 11 years ago

Also, if there's some sort of bonus based on how fast you finish the game, we should add that at the end. So, on the transition screen we could show the base score, any bonuses, and the final score.

sseedall commented 11 years ago

Just committed the new transition screen, it still has a couple of features that need to be added though:

  1. When the quit button is pressed, the answers need to be filled in.
  2. Dragging should be disabled when the game is over. My idea for this is to just have another layer on top, similar to the transition screen, but more transparent. It will both make dragging not work and signal to the user that they can't drag.
  3. "Game Over" text somewhere when the game is over?? Not sure if this is necessary.

Also, there's something funky going on with the share button, but I think it was there even before I moved the share button off of the transition screen. The url isn't even able to be copied after you click share and the tooltip for that button stays up after it's clicked. I think we should change it to be some sort of pop up that comes up.

I'll be able to get the 3 features mentioned above in by tonight, unless someone more familiar with the tile moving code wants to do the first one before then. I think the other 2 should be trivial.

Sorry for the wall of text, but also feel free to let me know what you think about the design of the new transition screen.

lauredon commented 11 years ago

We'll have to handle the board at end game more elegantly, which will probably involve another state variable. Particularly when I continue from the transition screen, I shouldn't be able to trigger another win by moving a tile off and back onto the board (the scoring here gets buggy too, because I get a positive penalty added to my score which seems to double each time I "win" again).

Also nitpicky, but I think the "restart" button should really just read "Restart" or something, to keep buttons having distinct names/functions.

cullensu commented 11 years ago

I think a state variable for when the game has been completed is a good idea, it should disable dragging/tabbing/arrows (a call to resetEvents() should disable the keyboard stuff..maybe, disabling dragging is going to be different, you will probably have to mess with the HTML attributes on all the tile divs) and give some visual cues that the game is over and you cannot do anything.