Change controls on my game?

popito · May 26, 2020, 12:12pm

Hi!
I have a Flappy Bird game I made. How can I change the code so instead of hitting the spacebar, I click in order to make the player jump?

github.com

RavioliMaster/Flappy-Bird/blob/master/flappyBird.js

var cvs = document.getElementById("canvas");
var ctx = cvs.getContext("2d");

// load images

var bird = new Image();
var bg = new Image();
var fg = new Image();
var pipeNorth = new Image();
var pipeSouth = new Image();

bird.src = "images/bird.png";
bg.src = "images/bg.png";
fg.src = "images/fg.png";
pipeNorth.src = "images/pipeNorth.png";
pipeSouth.src = "images/pipeSouth.png";


// some variables

This file has been truncated. show original

Catalactics · May 26, 2020, 12:13pm

You can try to use the "click" event listener that will run a function everytime you clicked the canvas. You can even make it only jump if the left mouse button is pressed just by adding an event parameter into the function and do if(event.button === 0) { }or if(event.button === 1) { } on Internet Explorer.

popito · May 26, 2020, 12:15pm

How can I change the code so it does that?