Arsalan Ehsan Posted May 7, 2018 Share Posted May 7, 2018 In the game A small guy drops in the box and it shuffles and the game is working fine its just when i loss it doesnt open the box where the little guy was hidding please need help. and also i need help how i can make all the boxes open when ever i just click if its right answer or wrong i need to open the box so there are 2 cases i need first in wrong answer just open all boxes not in right and secondly just open all of them thanks $(document).ready(function() { (function() { var box1 = $("#box1"), box2 = $("#box2"), box3 = $("#box3"), kick = $("#kick_jump"), startButton = $("#start_game"), messageBar = $("#msg_bd"), kickDropDownAnimationDelay = 1500, shuffleSpeed = 500, nuberOfShuffels = 10, z = 0; var ans = Math.floor(Math.random() * 3) + 1; startButton.on("click", function(event) { event.preventDefault(); var kickInitialPosition = 0; //Show the character fist kick.show(); // Show the message "Starting the game" setMessage("Starting the game", "color_0"); // Update the initial position based on the answer kickInitialPosition = 68 + ((ans - 1) * 280); // Move kick Under the relative box based on answer kick.css({ left: kickInitialPosition + "px" }); // Droping kick from the top into the box. kick.animate({ top: "300px" }, { duration: kickDropDownAnimationDelay, specialEasing: { top: 'easeOutBounce' }, complete: function() { kick.html("<img src='img/kick_smile.png' alt='' />"); kick.animate({ top: "370px" }, { duration: 500, specialEasing: { top: 'easeInQuint' }, complete: function() { setMessage("Closing the boxes ;)") // Close all the three boxes in a regular interval. box1.delay(500).queue(function(n) { $(this).html("<img src='img/box_c.png' alt='' />"); if(ans == 1) kick.hide(); n(); }); box2.delay(1000).queue(function(n) { $(this).html("<img src='img/box_c.png' alt='' />"); if(ans == 2) kick.hide(); n(); }); box3.delay(1500).queue(function(n) { $(this).html("<img src='img/box_c.png' alt='' />"); if(ans == 3) kick.hide(); var box1_left = box1.position().left, box2_left = box2.position().left, box3_left = box3.position().left, box_top = box3.position().top; box1.css({ position: "absolute", top: box_top + "px", left: box1_left + "px" }); box2.css({ position: "absolute", top: box_top + "px", left: box2_left + "px" }); box3.css({ position: "absolute", top: box_top + "px", left: box3_left + "px" }); shuffle = function(o) { //v1.0 for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; }; var interval = setInterval(function() { setMessage("Shuffling ...."); var array = shuffle([1, 2, 3]); $("#box" + array[0]).animate({ left: $("#box" + array[1]).position().left + "px" }, { duration: shuffleSpeed / 2, specialEasing: { left: 'easeInQuint' } }); $("#box" + array[1]).animate({ left: $("#box" + array[0]).position().left + "px" }, { duration: shuffleSpeed / 2, specialEasing: { left: 'easeInQuint' } }); }, shuffleSpeed); setTimeout(function() { clearInterval(interval); var flag = 0; $('div[id^="box"]').css("cursor", "pointer"); setMessage("Click on the box, that you think Mr Kick is hidden >> :p") box1.click(function() { if(flag == 0) { $(this).html('<img src="img/box_o_t.png" id="box_o_t" alt="">'); $(this).append(' <img src="img/box_o_b.png" id="box_o_b" alt="">'); if(ans == 1) { kick.css({ left: $(this).position().left + 46 + "px" }); flag = 1; slide_out(); } else { print_error(); flag = 1; } } }); box2.click(function() { if(flag == 0) { $(this).html('<img src="img/box_o_t.png" id="box_o_t" alt="">'); $(this).append(' <img src="img/box_o_b.png" id="box_o_b" alt="">'); if(ans == 2) { kick.css({ left: $(this).position().left + 46 + "px" }); flag = 1; slide_out(); } else { flag = 1; print_error(); } } }); $("#box3").click(function() { if(flag == 0) { $(this).html('<img src="img/box_o_t.png" id="box_o_t" alt="">'); $(this).append(' <img src="img/box_o_b.png" id="box_o_b" alt="">'); if(ans == 3) { kick.css({ left: $(this).position().left + 46 + "px" }); flag = 1; slide_out(); } else { flag = 1; print_error(); } } }); function slide_out() { setMessage("Congrats You won!!!! <a href='index.html' >Play again</a>", "color_2"); kick.show(); kick.animate({ top: "295px" }, { duration: 500, specialEasing: { top: 'easeInQuint' } }); } function print_error() { setMessage("Nothing found.. :P :P <a href='index.html' >try again</a>", "color_1"); } }, nuberOfShuffels * shuffleSpeed); n(); }); } }); } }); }); function setMessage(message, color) { messageBar.html(message).addClass(color); } })(); }); Quote Link to comment Share on other sites More sharing options...
Arsalan Ehsan Posted May 8, 2018 Author Share Posted May 8, 2018 If anyone wants i can show whole template as well Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.