js製作網頁遊戲 鍵盤控制人物移動

2022-06-26 07:39:11 字數 901 閱讀 4069

要實現遊戲角色的移動這裡寫4個方法

當數字鍵盤旁的上下左右鍵按時 fx的值就會改變 以此來改變角色的方向

var fx='r'  //

初始方向

//繫結鍵盤事件

document.addeventlistener("keydown",key,false

);function

key(e)

}

我這裡四個方向共有8張 

var n = 0;

var s = 5;

//人物切換形成移動的方法  定義 n和s 是每當呼叫5次qh()方法只執行1次 防止切換過快

function

qh()

else

n = 1;

} n++;

}

當我們可以控制人物上下左右不同跑動的姿勢後 再來寫角色的移動

var ren = document.getelementbyid("ren");//

獲取人物物件

var x = 0, y = 0; //

起始var xs = 8, ys = 8; //

速度//

人物移動的方法

function

run()

ren.style.top = y + "px";

ren.style.left = x + "px";

}

當然啦 角色是要脫落文件流的,即設定position: absolute;

最後寫個定時器 執行這些方法

function

start() , 33);

}

執行

製作網頁 JS小節

今天,看了一下js,最重要的部分我認為是dom,用操作物件的方式來操作html或者xml裡面的元素。1.注釋 單行 多行 xx 2.變數 可以用var宣告,也可以直接x 賦值 3.資料型別 1 布林 2 數字 3 字串 4 陣列 5 類型別 4.事件與js 事件裡面可以直接執行js 可以說要執行js...

JS鍵盤控制事件教程

獲取鍵盤控制事件是實現互動性最有力的方法之一。首先需要了解的是如何初始化該事件,基本語句如下 document.onkeydown keydown 當瀏覽器讀到這個語句時,無論按下鍵盤上的哪個鍵,都將呼叫keydown 函式。捕獲鍵盤事件對於不同的瀏覽器來說有點困難,我們分別的來學習不同瀏覽器的實現...

flash 遊戲設計筆記 鍵盤控制

暫時不多寫了,因為csdn部落格出問題,經常寫文章都出錯。真鬱悶,先發乙個鍵盤控制的類。可以進行使用的,在網上看到的。有興趣嘗試一下。用法很簡單 使用的方法 使用 if key.isdown 鍵值 這樣就可以實現控制到我們希望的物件了。第三種是使用 開關式的判斷 private var isleft...