武雄の電子工作教室のひなた君、マリオ風ゲーム製作中。


武雄の電子工作教室のひなた君小5は現在マリオっぽいゲームを製作中です。十字キーでジャンプできます!ぱたぱたはまだ動きません。
動かすには画像を一回クリックしてください。

//まりお
var m;
var x = 200;
var y = 250;
var s = 50;
var spx = 0;
var spy = 0;
var masatsu = 0.08; //まさつ
var g = 0.1; //重力
//ぱたぱた
var p;
var tx = 300;
var ty = 250;
var ts = 50;

function setup() {
  createCanvas(400, 400);
  m = loadImage("mario.png");
  p = loadImage("patapata2.png");

}

function draw() {
  background(255);
  image(m, x, y, s, s);
  image(p, tx, ty, ts, ts);
  line(0, 300, 400, 300);
  //右の動き
  x = x + spx;
  if (spx > 0) {
    spx = spx - masatsu;
    if (spx < 0.1) {
      spx = 0;
    }
  }
  //左の動き
  x = x + spx;
  if (spx < 0) {
    spx = spx + masatsu;
  }
  //上の動き
  y = y - spy;
  if (y < 250) {
    spy = spy - g;

  }
  if (y > 250) {
    spy = 0;
    y = 250;
  }

}

function keyPressed() {
  if (keyCode == RIGHT_ARROW) {
    spx = 3;
  }
  if (keyCode == LEFT_ARROW) {
    spx = -3;
  }
  if (keyCode == UP_ARROW && y == 250) {
    spy = 3;
  }

}