javascript - Stop awaiting input after fixed time -


i'm new web programming , stumbled upon problem couldn't solve , i'm not sure can solved. i'm creating simple "game" using jquery, , want make thread stop waiting (keydown) input , carry on code, can perform either simple upwards "jump", or " left jump"/"right jump". can done?
here follows codebit i've been doing far:

http://www.codecademy.com/pt/pyslayer10761/codebits/oyq11a/edit

you need game loop thats running independantly keydown-handler. elsewise animation might hack keydown handler might stop moment no inputs made anymore.

by looking @ code, can see tried creating new settimeout() on keydowns. creating every keydown event fired. crash/freeze browser @ point if engine not realize creation same timeout on , on again.

do this: in onkeydown handler set variable keydowncode keycode value. create new game loop this

<script> var keydowncode = 0; var isinanimation = false; var animatedkeydowncode = 0; var animationstarttime = 0; var animationstartvalue = 0;  // lightweight keydown handler: $(document).keydown(function(key) {   keydowncode = parseint(key.which,10); } $(document).keyup(function(key) {   keydowncode = 0; }  function animation() {    // here comes animation logic..    // e.g. keep moving 100 200 milliseconds after keypress    // milli secs difference    var nowtime = date.now();    // animations prioritized: 1 animation @ same time!   if(isinanimation) {     switch(animatedkeydowncode) {       case 37:         var delta = (nowtime-animationstarttime)/100*10;         if(delta > 10) { delta = 10; isinanimation = false; }; // animation over!         $('img').left(animationstartvalue-delta);       case 37:         var delta = (nowtime-animationstarttime)/200*10;         if(delta > 10) { delta = 10; isinanimation = false; }; // animation over!         $('img').top(animationstartvalue-delta);       case 39:         var delta = (nowtime-animationstarttime)/100*10;         if(delta > 10) { delta = 10; isinanimation = false; }; // animation over!         $('img').left(animationstartvalue+delta);     }     // ready take new input, if not outdated   } else {      // if key down , no animations active     if(keydowncode > 0) {       switch(keydowncode) {         case 37:           animationstarttime = nowtime;           animatedkeydowncode = keydowncode;           animationstartvalue = $('img').left();           isinanimation = true;          case 38:            // start jump if on bottom           if($('img').css("top") == '390px') {             animationstarttime = nowtime;             animatedkeydowncode = keydowncode;             animationstartvalue = $('img').top();             isinanimation = true;           }          case 39:           animationstarttime = nowtime;           animatedkeydowncode = keydowncode;           animationstartvalue = $('img').left();           isinanimation = true;        }     }   }   window.requestanimationframe(animation); } window.requestanimationframe(animation); </script>

this no full game, need adjust working game. e.g. might want add gravity mario down again when there no input..


Comments

Post a Comment

Popular posts from this blog

Why can rails not find a route created by a helper? -

i created member route in rails 4: resources :line_items post 'decrement', on: :member end and gave matching method in line_items controller: def decrement @cart = current_cart @line_item = @cart.line_items.find_by_id(params[:id]) @line_item.decrement_quantity respond_to |format| if @line_item.save format.html { redirect_to shop_path, notice: 'line item updated.' } format.js {@current_item = @line_item} format.json { head :ok } else format.html { render action: "edit" } format.js {@current_item = @line_item} format.json { render json: @line_item.errors, status: :unprocessable_entity } end end end but when try make button: <%= button_to 'x', decrement_line_item_path(item) %> i error: no route matches [post] "/carts/25" what gives? your error message is: no route matches [post] "/carts/25" but expectin...
Read more

javascript - jquery or ashx not working -

i using ajax file upload control. it creating html: <form action="/pages/handlers/asyncfileuploadhandler.ashx" method="post" enctype="multipart/form-data" target="ajaxuploader-iframe-1397144545"> <input type="hidden" name="type" value="mindvoice"> <input type="file" id="imagefile" style="display: block; width: 80%; margin-right: auto; margin-left: auto;"> </form> and target is: <iframe width="0" height="0" style="display:none;" name="ajaxuploader-iframe-1397144545" id="ajaxuploader-iframe-1397144545"></iframe> the form submitted using .submit() . my ashx handler: <%@ webhandler language="c#" class="asyncfileuploadhandler" %> using system; using system.web; using nettpals.core; public class asyncfileuploadhandler : ihttphandler { public void processre...
Read more

php - Redirect and hide target URL -

i want implement website youtube, these real urls of videos has hidden. when user comes in, , php webpage authenticate user, , redirect user real url of video. problem how can redirect url , hide real video url, or other ways prevent real url of videos exposed? i don't know if got point, looking this? $video_url = $user_is_authenticated ? $video_url : $authentication_url."?returnurl=".$video_url; echo "<a href='$video_url'>video title</a>"; this way, if user authenticated, send him real video url, otherwise login page seen instead. if don't want users see url can use session variables during authentication.
Read more