欢迎光临
我的个人博客网站

《创意游戏编程》第二课 键盘控制小鸟移动


演示:

视频演示

准备:

1.关注大李日志,下载编辑器或直接使用线上编辑器

2.下载图片

《创意游戏编程》第二课 键盘控制小鸟移动

3.开始

3.1 加载图片,创建画布
function preload() {
img = loadImage(‘bird.png’);
}
function setup() {
createCanvas(400,400);//创建一个400*400的画布
}
3.2 创建背景及画小鸟图片
var x=0,y=0;//小鸟坐标
function draw(){
background(0,255,255);//生成一个天蓝色背景
image(img, x, y);//画图片的方法image(图片名称,图片x坐标,图片y坐标)
}
3.3 按键控制小鸟飞行方向
function keyPressed(){
if(keyCode === LEFT_ARROW){ //按左键
x-=1; //向左移动
}else if(keyCode === RIGHT_ARROW){ //按右键
x+=1; //向右移动
}else if(keyCode === DOWN_ARROW){ //按下键
y+=1; //向下移动
}else if(keyCode === UP_ARROW){ //按上键
y-=1; //向上移动
}
}
3.4 让小鸟一直移动,将keyPressed()方法放置在draw()方法中
keyPressed();

欢迎关注我的vx

赞(0) 打赏
未经允许不得转载:张拓的天空 » 《创意游戏编程》第二课 键盘控制小鸟移动
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏