vecuenca / sketchmyword Goto Github PK
View Code? Open in Web Editor NEWSketchMyWord - a real-time drawing and guessing game
SketchMyWord - a real-time drawing and guessing game
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
Implement it.
Create room
Join room
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)
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:
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:
Need to implement:
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
need to:
im thinking of keeping track of these stats:
per player:
globally:
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
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.