diff --git a/docs/assets/css/dirtbags.css b/docs/assets/css/dirtbags.css index 61dc0ac..435be41 100644 --- a/docs/assets/css/dirtbags.css +++ b/docs/assets/css/dirtbags.css @@ -110,18 +110,10 @@ dl { } dt { white-space: pre; - background-color: #333; - padding: 5px; - border: 2px solid green; - border-bottom: none; font-weight: bold; } - dd { - border: 2px solid green; - margin: 0px; - padding: 5px; - background-color: #282828; + margin-left: 2em; } diff --git a/docs/assets/js/tanks.js b/docs/assets/js/tanks.js index 0e05c33..885c34c 100644 --- a/docs/assets/js/tanks.js +++ b/docs/assets/js/tanks.js @@ -179,16 +179,6 @@ function Tank(ctx, width, height, color, sensors) { } var loop_id; -var updateFunc = null; -function togglePlayback() { - if ($("#playing").prop("checked")) { - loop_id = setInterval(updateFunc, 66); - } else { - clearInterval(loop_id); - loop_id = null; - } - $("#pauselabel").toggleClass("ui-icon-play ui-icon-pause"); -} function start(id, game) { var canvas = document.getElementById(id); @@ -251,58 +241,11 @@ function start(id, game) { } drawFrame(idx); - - $('#seekslider').slider('value', idx); } - function seekToFrame(newidx) { - var idx = frame % (turns.length + 20); - if (idx !== newidx) { - frame = newidx; - drawFrame(newidx); - } - // make sure we're paused - if ($("#playing").prop("checked")) { - $("#playing").prop("checked", false); - togglePlayback(); - } - } - - updateFunc = update; loop_id = setInterval(update, 66); - //loop_id = setInterval(update, 400); if (fps) { setInterval(update_fps, 1000); } - - if (id === "battlefield") { - $("#game_box").append('

0

'); - $('#playing').button(); - var slider = $('#seekslider'); - slider.slider({ max: turns.length-1, slide: function(event, ui) { seekToFrame(ui.value); } }); - - var spacing = 100 / turns.length; - var deaths = []; - for (i in turns[0]) { - deaths.push(false); - } - var percent = 0; - for (var f = 0; f < turns.length; f++) { - var turn = turns[f]; - if (percent < (spacing * f)) { - percent = spacing * f; - } - for (var i = 0; i < turn.length; i++) { - if (deaths[i]) { continue; } - if (!turn[i] || (turn[i][4] & 4)) { - deaths[i] = true; - // http://stackoverflow.com/questions/8648963/add-tick-marks-to-jquery-slider - $('').css('left', percent + '%').css('background-color', game[1][i][0]).appendTo(slider); - percent++; - break; - } - } - } - } }