diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/drawdrawdraw.css | 1 | ||||
| -rw-r--r-- | public/index.html | 37 | ||||
| -rw-r--r-- | public/js/game.js | 26 |
3 files changed, 31 insertions, 33 deletions
diff --git a/public/css/drawdrawdraw.css b/public/css/drawdrawdraw.css new file mode 100644 index 0000000..20f548b --- /dev/null +++ b/public/css/drawdrawdraw.css @@ -0,0 +1 @@ +html,body { padding: 0; margin: 0; width: 100%; height: 100%; } diff --git a/public/index.html b/public/index.html index 9fa2d48..2336d19 100644 --- a/public/index.html +++ b/public/index.html @@ -1,46 +1,17 @@ <!doctype html> <html> <head> -<title>dump2</title> +<title>drawdrawdraw</title> +<link rel="stylesheet" href="/css/drawdrawdraw.css" type="text/css"> <script type="text/javascript" src="/js/zepto.js"></script> <script type="text/javascript" src="/socket.io/socket.io.js"></script> -<style type="text/css"> -#images img { display: block; } -</style> +<script type="text/javascript" src="/js/game.js"></script> +<script type="text/javascript" src="/js/draw.js"></script> </head> <body> -<form method="post" action="/upload" enctype="multipart/form-data"> -<input type="file" name="image"> -<input type="submit"> -</form> - -<div id="images"></div> - </body> <script type="text/javascript"> -var socket = io.connect(window.location.hostname); -var imageCount = 0; -socket.on('join', function(json) { - var data = JSON.parse(json); - for (var i in data) { - appendImage(data[i]); - } -}); -socket.on('url', function(json) { - var data = JSON.parse(json); - appendImage(data); -}); -function appendImage(img) { - var image = new Image(); - image.src = img.url; - $("#images").prepend(image); - imageCount++; - while (imageCount > 20) { - $("#images").children().last().remove(); - imageCount--; - } -} </script> </html> diff --git a/public/js/game.js b/public/js/game.js new file mode 100644 index 0000000..d7c96dc --- /dev/null +++ b/public/js/game.js @@ -0,0 +1,26 @@ +var socket = io.connect(window.location.hostname); + + + +var imageCount = 0; +socket.on('join', function(json) { + var data = JSON.parse(json); + for (var i in data) { + appendImage(data[i]); + } +}); +socket.on('url', function(json) { + var data = JSON.parse(json); + appendImage(data); +}); +function appendImage(img) { + var image = new Image(); + image.src = img.url; + $("#images").prepend(image); + imageCount++; + while (imageCount > 20) { + $("#images").children().last().remove(); + imageCount--; + } +} + |
