add enables, show active classes of movable image in debug mode

moiri · Aug 30, 2014 · 34e2000 · 34e2000
1 parent d340b1f
commit 34e2000
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 7 deletions.
diff --git a/css/test.css b/css/test.css
@@ -128,7 +128,7 @@
 
 .stone8 {
     position:absolute;
-    bottom:-100px;
+    bottom:-50px;
     height:10px;
     width:2000px;
     left:150px;

diff --git a/index.html b/index.html
@@ -25,6 +25,7 @@
                 <div id="fps" class="configElem"></div>
                 <div id="solidCnt" class="configElem"></div>
                 <div id="pickUpCnt" class="configElem"></div>
+                <div id="movableClass" class="configElem" style="display:none"></div>
             </div>
             <div class="enable">
                 <div id="enable" class="configElem clickable">
@@ -47,8 +48,10 @@
                     appear</div>
                 <div id="enable-pickUp" class="configElem clickable">
                     pickUp</div>
-                <div id="enable-alwaysCheckPosition" class="configElem clickable">
-                    alwaysCheckPosition</div>
+                <div id="enable-checkPositionAlways" class="configElem clickable">
+                    checkPositionAlways</div>
+                <div id="enable-checkPositionAllDirections" class="configElem clickable">
+                    checkPositionAllDirections</div>
             </div>
         </div>
     </body>

diff --git a/js/test.js b/js/test.js
@@ -11,7 +11,7 @@ $(document).ready(function() {
             'solidMoving"></div>');
         $('#stone6').addClass('solidOnlyTop');
         $('#stone3').addClass('fallThroughBar');
-        moveUp = function () {
+        /*moveUp = function () {
             $('#elevator1').animate(
                 {"bottom" : "+=450px"},
                 //{"top" : "-=450px"},
@@ -46,7 +46,7 @@ $(document).ready(function() {
                 moveRight
             );
         };
-        moveRight();
+        moveRight();*/
         $('#content').append('<div id="pickUp1" class="pickUp1 pickUp"></div>');
         $('#content').append('<div id="pickUp2" class="pickUp2 pickUp"></div>');
         $('#solidCnt').text((i-1)*j);
@@ -71,6 +71,7 @@ $(document).ready(function() {
         $('#debug').click(function () {
             $('body').toggleClass('debug');
             $(this).toggleClass('disable');
+            $('#movableClass').toggle();
         });
 
         $('#enable').click(function () {
@@ -113,8 +114,12 @@ $(document).ready(function() {
             kobold.toggleEnableAttr('pickUp');
             $(this).toggleClass('disable');
         });
-        $('#enable-alwaysCheckPosition').click(function () {
-            kobold.toggleEnableAttr('alwaysCheckPosition');
+        $('#enable-checkPositionAlways').click(function () {
+            kobold.toggleEnableAttr('checkPositionAlways');
+            $(this).toggleClass('disable');
+        });
+        $('#enable-checkPositionAllDirections').click(function () {
+            kobold.toggleEnableAttr('checkPositionAllDirections');
             $(this).toggleClass('disable');
         });
 
@@ -132,5 +137,10 @@ $(document).ready(function() {
             engine.toggleEnableCollider($('#elevator1'));
         });
     }
+    refresh = function () {
+        $('#movableClass').html($('#kobold-img').attr('class'));
+        setTimeout(refresh, 100);
+    }
+    refresh();
 });