小编Dyl*_*gan的帖子

如何使用箭头键在画布中平滑移动对象

我正在制作一个简单的太空游戏,其中一艘船左右移动以躲避小行星。

我从这个视频中学会了左右移动我的船。

但运动非常块状。如何平稳地移动船?

这是我的所有代码:

// JavaScript Document

////// Variables //////
var canvas = {width:300, height:300 };
var score = 0;

var player = {
	x:canvas.width/2,
	y:canvas.height-100,
	speed: 20
};




////// Arrow keys //////

function move(e) {
	
	if(e.keyCode == 37) { 
		player.x -= player.speed;
	}
	if(e.keyCode == 39) {
		player.x += player.speed;	
	}
	
	update();
	
}

document.onkeydown = move;



////// other functions //////


//function to clear canvas
function clearCanvas() {
	ctx.clearRect(0,0,canvas.width,canvas.height);
}

// Draw Player ship.
function ship(x,y) {
	var …
Run Code Online (Sandbox Code Playgroud)

html javascript canvas arrow-keys

2
推荐指数
1
解决办法
9235
查看次数

标签 统计

arrow-keys ×1

canvas ×1

html ×1

javascript ×1