Simplifying web game loop

conway/gen-web-assets

@@ -2,5 +2,5 @@
 set -e
 
 cd web_assets
-go build .
+go build -x .
 ./web_assets index.html | gofmt > ../web_assets.go

conway/web_assets/index.html

@@ -12,13 +12,18 @@
         $.getJSON('/state', {}, onPopulateResponse);
       }
 
-      function goToNextState(state) {
+      function goToNextState(state, loop) {
-        $.post('/state', JSON.stringify({s: state}, null, 2), onPopulateResponse, 'json');
+        $.post(
+          '/state',
+          JSON.stringify({s: state}, null, 2),
+          function(data, textStatus, jqXHR) {
+            var state = onPopulateResponse(data, textStatus, jqXHR);
+            if (loop) {
+              setTimeout(function() { goToNextState(state, loop); }, 500);
             }
-
+          },
-      function playGame() {
+          'json'
-        goToNextState(curState);
+        );
-        setTimeout(playGame, 500);
       }
 
       function onPopulateResponse(data, textStatus, jqXHR) {
@@ -29,12 +34,13 @@
           $stateImg = $('<img id="state_img" />').appendTo($('#state_container'));
         }
         $stateImg.attr('src', 'data:image/png;base64,' + encodeURI(data.i));
+        return data.s;
       }
 
       $(function() {
         populateInitialState();
         $('#step').click(function() { goToNextState(curState); });
-        $('#play').click(playGame);
+        $('#play').click(function() { goToNextState(curState, true); });
       });
     </script>
   </head>