zoukankan      html  css  js  c++  java
  • 《创意游戏编程》第二课 键盘控制小鸟移动

    演示:

    视频演示

    准备:

    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公众号:大李日志 我的网站:bigbigli.com

    我是bigbigli!!! 更多内容请关注微信公众号:“大李日志”
  • 相关阅读:
    【转】杭电ACM试题分类
    python strip()函数介绍
    正则表达式的语法规则
    POSIX扩展正则表达式函数
    JS学习笔记
    PCRE兼容正则表达式函数
    vs 2008 feature pack 之体验
    #单元测试
    300道四则运算题
    观后感
  • 原文地址:https://www.cnblogs.com/bigbigli/p/13560544.html
Copyright © 2011-2022 走看看