sprechtl/RaspberryRocketeer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated game.js with scaling & localstorage

Browse source 
- everything scaling now
- game-score, game-isRunning and game-playTime now saving in localstorage on game start and end
This commit is contained in:
David Hain 2023-01-20 14:37:05 +01:00 • committed by GitHub
parent 030189aa52
commit fe1375124b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/public/game.js
View file

@ -18,15 +18,15 @@ var BACKGROUND_IMAGE_PATH = "resources/htl-steyr-front.jpg";
var RASPBERRY_IMAGE_PATH = "resources/raspberry-rocket.png"; var RASPBERRY_IMAGE_PATH = "resources/raspberry-rocket.png";
var FLOOR_IMAGE_PATH = "resources/table-min-min.png"; var FLOOR_IMAGE_PATH = "resources/table-min-min.png";
var FONT_PATH = "resources/PressStart2P-Regular.ttf"; var FONT_PATH = "resources/PressStart2P-Regular.ttf";
var OBSTACLE_WIDTH = 88;
var OBSTACLE_COUNT = 3; var OBSTACLE_COUNT = 3;
var BOOST_KEYS = ["k", " "]; var BOOST_KEYS = ["k", " "];
var floorHeight; var floorHeight;
var obstacleWidth;
var obstacleOffset; var obstacleOffset;
var font;
var backgroundImage; var backgroundImage;
var pipeImage; var pipeImage;
var floorImage; var floorImage;
var font;
var obstacles = []; var obstacles = [];
var raspberry; var raspberry;
var startTime; var startTime;
@ -51,6 +51,7 @@ function setup() {
} }
function setupObstacleConsts() { function setupObstacleConsts() {
obstacleOffset = width / OBSTACLE_COUNT; obstacleOffset = width / OBSTACLE_COUNT;
obstacleWidth = width / 22.727272727272727272;
Obstacle.distanceBetweenPipes = height / 2.5; Obstacle.distanceBetweenPipes = height / 2.5;
Obstacle.startX = width; Obstacle.startX = width;
} }
@ -71,7 +72,7 @@ function setupObstacles() {
} }
function instantiateObstacles(number) { function instantiateObstacles(number) {
for (var i = 0; i < number; i++) { for (var i = 0; i < number; i++) {
obstacles.push(new Obstacle(new Position(width + obstacleOffset * i, 0), OBSTACLE_WIDTH, height, pipeImage)); obstacles.push(new Obstacle(new Position(width + obstacleOffset * i, 0), obstacleWidth, height, pipeImage));
} }
} }
function draw() { function draw() {
@ -146,7 +147,7 @@ function update() {
}); });
} }
function checkObstacleReset(obstacle) { function checkObstacleReset(obstacle) {
if (obstacle.position.x < -OBSTACLE_WIDTH) { if (obstacle.position.x < -obstacleWidth) {
obstacle.resetPosition(); obstacle.resetPosition();
obstacles.shift(); obstacles.shift();
obstacles.push(obstacle); obstacles.push(obstacle);
@ -243,8 +244,8 @@ var Obstacle = (function (_super) {
__extends(Obstacle, _super); __extends(Obstacle, _super);
function Obstacle(position, obstacleWidth, obstacleHeight, image) { function Obstacle(position, obstacleWidth, obstacleHeight, image) {
var _this = _super.call(this, position, obstacleWidth, obstacleHeight, 0) || this; var _this = _super.call(this, position, obstacleWidth, obstacleHeight, 0) || this;
_this.padding = 150;
_this.speed = 3; _this.speed = 3;
_this.padding = height / 6.6666666666666666;
_this.createPipes(position, obstacleHeight, obstacleWidth, image); _this.createPipes(position, obstacleHeight, obstacleWidth, image);
return _this; return _this;
} }
@ -375,11 +376,13 @@ var Raspberry = (function (_super) {
function Raspberry(image) { function Raspberry(image) {
var _this = this; var _this = this;
Raspberry.position = new Position(width / 6, height / 2); Raspberry.position = new Position(width / 6, height / 2);
_this = _super.call(this, Raspberry.position, Raspberry.WIDTH, Raspberry.HEIGHT, Raspberry.FILL) || this; Raspberry.height = height / 14.2857142857142857;
_this.lift = -20; Raspberry.width = width / 11.1111111111111111;
_this.gravity = 1.314159265358979323846264338; _this = _super.call(this, Raspberry.position, Raspberry.width, Raspberry.height, Raspberry.FILL) || this;
_this.lift = -15;
_this.gravity = 0.45;
_this._velocity = 0; _this._velocity = 0;
Raspberry.BOTTOM_FLOOR_OFFSET = (height / 5) - (height / 15 / 2); Raspberry.bottomFloorOffset = (height / 5) - (height / 15 / 2);
_this.image = image; _this.image = image;
return _this; return _this;
} }
@ -422,8 +425,8 @@ var Raspberry = (function (_super) {
} }
}; };
Raspberry.prototype.boundaryBottom = function () { Raspberry.prototype.boundaryBottom = function () {
if (this.position.y + this.height + Raspberry.BOTTOM_FLOOR_OFFSET > height) { if (this.position.y + this.height + Raspberry.bottomFloorOffset > height) {
this.position.y = height - this.height - Raspberry.BOTTOM_FLOOR_OFFSET; this.position.y = height - this.height - Raspberry.bottomFloorOffset;
this.velocity = 0; this.velocity = 0;
} }
}; };
@ -454,9 +457,7 @@ var Raspberry = (function (_super) {
translate(this.position.x, this.position.y); translate(this.position.x, this.position.y);
rotate((PI / 2) * (this.velocity / Raspberry.maxVelocity)); rotate((PI / 2) * (this.velocity / Raspberry.maxVelocity));
}; };
Raspberry.maxVelocity = 100; Raspberry.maxVelocity = 75;
Raspberry.WIDTH = 180;
Raspberry.HEIGHT = 70;
Raspberry.FILL = 0; Raspberry.FILL = 0;
return Raspberry; return Raspberry;
}(Entity)); }(Entity));