var player_maps = [ [0,0,1,0,0,0,0,0,1,0,0], [0,0,0,1,0,0,0,1,0,0,0], [0,0,1,1,1,1,1,1,1,0,0], [0,1,1,0,1,1,1,0,1,1,0], [1,1,1,1,1,1,1,1,1,1,1], [1,0,1,1,1,1,1,1,1,0,1], [1,0,1,0,0,0,0,0,1,0,1], [0,0,0,1,1,1,1,1,0,0,0], [0,0,0,0,3,0,3,0,0,0,0], [0,0,0,0,3,0,3,0,0,0,0], [0,0,0,0,3,0,3,0,0,0,0], ] var grid = 50; var mx_y; var _show = false; var maps = [ [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,1], [1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1], [1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,0,0,1,1,0,1,1,1,1,1,1,0,1,1,0,0,1,1], [1,0,0,0,1,1,0,3,0,0,0,0,0,0,1,1,0,0,0,1], [1,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0,1], [1,0,1,1,1,1,0,0,0,3,0,0,0,0,1,1,1,1,0,1], [1,0,0,0,0,0,0,1,1,0,0,1,1,0,3,0,0,0,0,1], [1,0,0,3,1,0,0,1,0,0,0,0,1,0,0,1,0,0,0,1], [1,1,0,0,1,0,0,1,0,0,3,0,1,0,0,1,0,0,1,1], [1,1,1,0,1,0,0,1,1,1,1,1,1,0,0,1,0,1,1,1], [1,1,1,3,1,0,0,0,0,0,0,0,0,0,0,1,3,1,1,1], [1,1,1,0,1,1,1,0,1,1,1,1,0,1,1,1,0,1,1,1], [1,1,1,0,0,0,0,0,3,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,1,0,0,1,1,1,1,1,1,1,1,0,0,1,1,1,1], [1,1,1,3,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,1], [1,1,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,1,1], [1,1,1,1,1,0,0,0,0,5,0,0,0,0,0,1,1,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], ]; var main ; var button,button1,button2; var player; var goRight = false; var goLeft = false; var platform= [] ; var bg; var joystick ; function preload(){ bg = loadImage("https://i.ibb.co/8DRj6yy/cartoon-landscape-md.png"); } function setup(){ createCanvas(windowWidth,windowHeight).position(0,0); background(0); // player = new Player(); button = createButton("⬆").id("b"); button.position(width/2-50,height-70); button.mouseClicked(jump); joystick = new Joystick(width -100,height-100,150); strokeWeight(0.5); for(var i = 0;i=mx_y-this.h){ // this.vel = 0; this.y = mx_y-this.h; } if(this.grounded){ this.jumping = false; } this.x+=joystick.getX() if(this.y 0){ collisionDirection = "left"; character.x += offsetX; } else { collisionDirection = "right"; character.x -= offsetX; } } else { if (vectorY > 0){ collisionDirection = "top"; character.y += offsetY; } else{ collisionDirection = "bottom"; character.y -= offsetY; } } } return collisionDirection; } function touchStarted(){ if(mouseY

Platformer v0.2 || p5.js