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

演示：

知乎视频​www.zhihu.com

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

2.下载图片

bird.png

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);//画图片的方法ima