spieleprogrammierer.de - Forum und Wiki zur Spieleprogrammierung und Spieleentwicklung

Quellcode

var player = new Image();
player.src = "Player.png";
var PlayerPositionX = 0.0;
var PlayerPositionY = 0.0;
var PlayerVelocityX = 0.0;
var PlayerVelocityY = 0.0;

Quellcode

const FPS = 60;
// ===========================================================// Player Class// ===========================================================function Player(imgPath, x, y) { this.Sprite = new Image();  this.Sprite.src = imgPath;  this.PositionX = x; this.PositionY = y; this.VelocityX = 0.0;   this.VelocityY = 0.0;       this.Update = function() {      this.PositionX += this.VelocityX * FPS;     this.PositionY += this.VelocityY * FPS;     this.VelocityX *= 0.95;     this.VelocityY *= 0.95; };  this.Draw = function(drawArea) {        drawArea.drawImage(this.Sprite, this.PositionX, this.PositionY);    };}

// ===========================================================// Game begins here!// ===========================================================// Init Game Componentsvar background = new Image();background.src = "Background.png";var player = new Player("Player.png", 0.0, 0.0);
// Declare Drawing Area & Inputvar canvas = null;var context2d = null;var keys = new Array();
window.onload = init;window.addEventListener('keydown', onKeyDown, true);window.addEventListener('keyup', onKeyUp, true);
// Handle KeyEventsfunction onKeyDown(evt) { keys[evt.keyCode] = true; }function onKeyUp(evt)   { keys[evt.keyCode] = false; }
// ===========================================================// Main Methods// ===========================================================// Update Game Components & Handle Inputfunction update() {  if ((37 in keys && keys[37])) { player.VelocityX -= 0.02; } // Move Left    if ((39 in keys && keys[39])) { player.VelocityX += 0.02; } // Move Right   if ((38 in keys && keys[38])) { player.VelocityY -= 0.02; } // Move Up  if ((40 in keys && keys[40])) { player.VelocityY += 0.02; } // Move Down        player.Update();}
// Draw Imagesfunction draw() { context2d.clearRect(0, 0, canvas.width, canvas.height); context2d.drawImage(background, 0, 0);  player.Draw(context2d);}
// Init Game Componentsfunction init() {    canvas = document.getElementById('canvas'); context2d = canvas.getContext('2d');    setInterval(draw, 1000 / FPS);      update();   draw();}