vecuenca / sketchmyword Goto Github PK

marker icon

round timer
http://tutorialzine.com/2015/04/material-design-stopwatch-alarm-and-timer/

the lobby room view looks kinda empty right now... also i dont think the join room dialog is really necessary.

we can also have an event firing off to load rooms every couple of seconds.

move from view to somewhere else. controller sounds good to me

Can't be good storing everything in memory. figure out better way to do this

@vecuenca please look at http://lirelactu.fr/. Pretty good layour where the left hand side is the chat and the canvas is in the middle with the users below the canvas. Use this issue to add all examples and intermediate screenshots for references.

http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

Above is a good starting point, should note that this redraws the entire canvas whenever we make a change. Should consider an alternative. @vecuenca @BlazeBlaster

We need to have the canvas resize based on the screen size and update the drawing logic accordingly

not necessart but kinda cool

http://jsfiddle.net/3wjgG/1/

• inputs and tabs have off theme colors
• input on chat is slightly off center
• fire off getRooms when we load roomView
• artists should have paint brush next to their name
• show message when there are no games in lobby
• set 10s timer inbetween rounds

Implement it.

Create room

• call put api
• create room in backend in dictionary
• return room id
• wait for full_room event from socket

Join room

• call join api with roomid
• add to the dictionary in the backend if not full
• broadcast join_room to all users in the room
• when enough join, emit full_room

Canvas Page

• if unauthenticated tries to go to index.html, check serverside if they belong in room
• if full_room, render canvas page

Dictionary in server
room : { lineHistory: array users: array of size 4 at max }

Ideas to handle persistent room data (i.e. line data and room participants)

• Redis
• Store in SQL
• Maybe memory works

Not sure if we are supporting Safari but in

3honeys/app/frontend/js/login/loginmodel.js

we make a call to the Headers object, which isn't supported in the latest version of safari, causing the app to crash

Should look into all the different tools we can give to users to be able to draw on the canvas. @vecuenca @BlazeBlaster should look into what users want. Perhaps use some user feedback. Needs to be Beta.

this would look real bad in a demo..
also need to add MORE WORDS

@yongzhez, you need to do this in the round_over socket event listener in controller.js

Need to plan out:

• artist/guesser notifications
• how word is shown to artist
• guessed word notif.
• timers
• how the word is shown to guessers, and how letters are revealed as the clock counts down
• list of users and their scores
• tell users how many points they earned
• random color for each player
• baffle.js for words
• on correct guess, fill it in
• game over screen
• use system msgs instead of toasts
• clear chat on round over
• color score board

Our docker deployment does not have a gurantee of running and setting up the database before the app. We need to retry the sql connection if it fails ( may consider a 10 sec wait and retry or something similar ).

🙈

if we have a word like "holding hands" we do not make a space in the string shown to guessers.

"holding hands" => "_ _ _ _ _ _ _ _ _ _ _ _ _"

Some ideas:

• SketchMyWord

Need to implement:

• HTTPS
• Validation
• sanitization
• Securing of cookies
• salt, hashing for pws

Add anything I missed.

for deployment, change the database back to cmsvm23.utsc.utoronto.ca

store json of words and parse them into db on server startup?

@yongzhez @BlazeBlaster comments?

should be displayed in join room dialog.
front end mockup already there.
implement it.
consider opening socket for real time room updates, or static API call, or refresh button, or timeout refresh

when you log in, the canvas page flashes for a quick second, try setting it to display none as default.

clipboard.js is an option

• use json instead of send for api errors
• refactor to a r r o w s y n t a x
• learn how to actually utilize promises as intended

need to:

• save stats in db
• modify game logic to keep track of stats per round
• create frontend
• create rest api

im thinking of keeping track of these stats:

per player:

• total games played/won/lost
• total points earned
• total number of words guessed correctly
• avg time for a drawn word to be guessed
• highest score

globally:

• total number of games played

@yongzhez

The key is to show the canvas to another user for our application. http://stackoverflow.com/questions/4405336/how-to-copy-contents-of-one-canvas-to-another-canvas-locally

This looks like a good beginning @vecuenca @BlazeBlaster. Relies on #1

jesus chris

• on socket disconnect, if room empty, KILL THE ROOM!!!
• on game over, kill the room
• other stuff

This is a tough one..
Need to clearly define all aspects of the game, including joining/leaving/scoring etc

They are in the format AdjectiveAdjectiveAnimal, i.e. JealousFreshCrab
I'm thinking of storing a SQL table of those words and just fetching from there.

In the sidebar there should be a heading displaying other games in progress.
The user should be able to click on these games and view (but not participate in!) them.
They can then click and return to their own game.