Cow milking

game.js

@@ -7,8 +7,10 @@ var sio;
  */
 exports.initGame = function(io, socket) {
     sio = io;
+
     socket.on('newGame', newGame);
-    socket.on('joinGame', joinGame)
+    socket.on('joinGame', joinGame);
+    socket.on('milkCow', milkCow);
 }
 
 /**
@@ -63,4 +65,17 @@ function startGame(gameId) {
     setTimeout(function() {
         sio.in(gameId).emit('startGame')
     }, 3000);
+}
+
+/**
+ * Milk cow
+ * @param {object} data 
+ */
+function milkCow(data) {
+    var gameId = data.gameId;
+    var socketId = data.socketId;
+    /* get sender socket */
+    var socket = sio.of('/').connected[socketId]
+    /* notify clients (excluding sender) */
+    socket.to(gameId).emit('otherPlayerMilked')
 }

public/index.html

@@ -22,7 +22,12 @@ <h2>Game ID: <span id="gameId"></span></h2>
     3... 2... 1...
   </div>
 
+  <div id="game" class="hidden">
+    <img id="cow" onclick="milkCow()" src="images/cow_thing.svg">
+  </div>
+
   <script src="/socket.io/socket.io.js"></script>
+  <script src="javascripts/state.js"></script>
   <script src="javascripts/game.js"></script>
 </body>
 

public/javascripts/game.js

@@ -1,5 +1,10 @@
 var socket = io();
 
+socket.on('connect', function() {
+    /* add socket id to state */
+    state.me = socket.id;
+})
+
 /** 
  * Create new game
  */
@@ -11,12 +16,16 @@ function newGame() {
  * Join existing game
  */
 function joinGame() {
+    /* get game id */
     var gameId = prompt('Game ID')
         .toLowerCase()
         .trim()
+    /* emit join game */
     socket.emit('joinGame', {
         gameId,
     })
+    /* add game id to state */
+    state.gameId = gameId
 }
 
 socket.on('newGameCreated', function(data) {
@@ -27,6 +36,8 @@ socket.on('newGameCreated', function(data) {
     document.getElementById('waitingForPlayers').setAttribute('class', '');
     /* show game id */
     document.getElementById('gameId').innerText = gameId;
+    /* add game id to state */
+    state.gameId = gameId
 });
 
 socket.on('showCountdown', function() {
@@ -41,8 +52,22 @@ socket.on('showCountdown', function() {
 socket.on('startGame', function() {
     /* hide countdown */
     document.getElementById('gameCountdown').setAttribute('class', 'hidden');
+    /* show game */
+    document.getElementById('game').setAttribute('class', '');
 })
 
 socket.on('error2', function(message) {
     alert(message);
-})
+})
+
+socket.on('otherPlayerMilked', function() {
+    alert('other player milked the cow');
+})
+
+function milkCow() {
+    /* notify server that cow has been milked */
+    socket.emit('milkCow', {
+        gameId: state.gameId,
+        socketId: state.me
+    })
+}

public/javascripts/state.js

@@ -0,0 +1,15 @@
+var state = {
+    gameId: null,
+    /* socket id of client */
+    me: null
+}
+
+/**
+ * Reset state
+ */
+function resetState() {
+    state = {
+        gameId: null,
+        me: null
+    }
+}

public/stylesheets/style.css

@@ -9,4 +9,9 @@ a {
 
 .hidden {
   display: none;
+}
+
+#cow {
+  width: 500px;
+  height: auto;
 }

routes/index.js

@@ -3,7 +3,7 @@ var router = express.Router();
 
 /* GET home page. */
 router.get('/', function(req, res, next) {
-  res.render('index');
+  res.render('index', { title: 'Express' });
 });
 
 module.exports = router;