128 lines
3.9 KiB
TypeScript
128 lines
3.9 KiB
TypeScript
import GameLoop from "./Loop/GameLoop";
|
|
import Player from "./Player";
|
|
import UIElement from "./Nodes/UIElement";
|
|
import Color from "./Utils/Color";
|
|
import Button from "./Nodes/UIElements/Button";
|
|
import {} from "./index";
|
|
import OrthogonalTilemap from "./Nodes/Tilemaps/OrthogonalTilemap";
|
|
|
|
function main(){
|
|
// Create the game object
|
|
let game = new GameLoop();
|
|
let gameState = game.getGameState();
|
|
|
|
let backgroundScene = gameState.createScene();
|
|
backgroundScene.setParallax(0.5, 0.8);
|
|
backgroundScene.setAlpha(0.5);
|
|
let mainScene = gameState.createScene();
|
|
let uiLayer = gameState.createScene();
|
|
uiLayer.setParallax(0, 0);
|
|
let pauseMenu = gameState.createScene();
|
|
pauseMenu.setParallax(0, 0);
|
|
|
|
// Initialize GameObjects
|
|
let recordButton = uiLayer.canvasNode.add(Button);
|
|
recordButton.setSize(100, 50);
|
|
recordButton.setText("Record");
|
|
recordButton.setPosition(400, 30);
|
|
recordButton.onClickEventId = "record_button_press";
|
|
|
|
let stopButton = uiLayer.canvasNode.add(Button);
|
|
stopButton.setSize(100, 50);
|
|
stopButton.setText("Stop");
|
|
stopButton.setPosition(550, 30);
|
|
stopButton.onClickEventId = "stop_button_press";
|
|
|
|
let playButton = uiLayer.canvasNode.add(Button);
|
|
playButton.setSize(100, 50);
|
|
playButton.setText("Play");
|
|
playButton.setPosition(700, 30);
|
|
playButton.onClickEventId = "play_button_press";
|
|
|
|
let cycleFramerateButton = uiLayer.canvasNode.add(Button);
|
|
cycleFramerateButton.setSize(150, 50);
|
|
cycleFramerateButton.setText("Cycle FPS");
|
|
cycleFramerateButton.setPosition(5, 400);
|
|
let i = 0;
|
|
let fps = [15, 30, 60];
|
|
cycleFramerateButton.onClick = () => {
|
|
game.setMaxFPS(fps[i]);
|
|
i = (i + 1) % 3;
|
|
}
|
|
|
|
let pauseButton = uiLayer.canvasNode.add(Button);
|
|
pauseButton.setSize(100, 50);
|
|
pauseButton.setText("Pause");
|
|
pauseButton.setPosition(700, 400);
|
|
pauseButton.onClick = () => {
|
|
mainScene.setPaused(true);
|
|
pauseMenu.enable();
|
|
}
|
|
|
|
let modalBackground = pauseMenu.canvasNode.add(UIElement);
|
|
modalBackground.setSize(400, 200);
|
|
modalBackground.setBackgroundColor(new Color(0, 0, 0, 0.4));
|
|
modalBackground.setPosition(200, 100);
|
|
|
|
let resumeButton = pauseMenu.canvasNode.add(Button);
|
|
resumeButton.setSize(100, 50);
|
|
resumeButton.setText("Resume");
|
|
resumeButton.setPosition(400, 200);
|
|
resumeButton.onClick = () => {
|
|
mainScene.setPaused(false);
|
|
pauseMenu.disable();
|
|
}
|
|
|
|
backgroundScene.tilemap.add(OrthogonalTilemap, "assets/tilemaps/Background.json");
|
|
mainScene.tilemap.add(OrthogonalTilemap, "assets/tilemaps/Platformer.json");
|
|
let player = mainScene.physics.add(Player, "platformer");
|
|
|
|
// mainScene.tilemap.add(OrthogonalTilemap, "assets/tilemaps/TopDown.json");
|
|
// let player = mainScene.physics.add(Player, "topdown");
|
|
|
|
mainScene.getViewport().follow(player);
|
|
|
|
pauseMenu.disable();
|
|
|
|
game.start();
|
|
}
|
|
|
|
CanvasRenderingContext2D.prototype.roundedRect = function(x: number, y: number, w: number, h: number, r: number): void {
|
|
// Clamp the radius between 0 and the min of the width or height
|
|
if(r < 0) r = 0;
|
|
if(r > Math.min(w, h)) r = Math.min(w, h);
|
|
|
|
// Draw the rounded rect
|
|
this.beginPath();
|
|
|
|
// Top
|
|
this.moveTo(x + r, y);
|
|
this.lineTo(x + w - r, y);
|
|
this.arcTo(x + w, y, x + w, y + r, r);
|
|
|
|
// Right
|
|
this.lineTo(x + w, y + h - r);
|
|
this.arcTo(x + w, y + h, x + w - r, y + h, r);
|
|
|
|
// Bottom
|
|
this.lineTo(x + r, y + h);
|
|
this.arcTo(x, y + h, x, y + h - r, r);
|
|
|
|
// Left
|
|
this.lineTo(x, y + r);
|
|
this.arcTo(x, y, x + r, y, r)
|
|
|
|
this.closePath();
|
|
}
|
|
|
|
CanvasRenderingContext2D.prototype.strokeRoundedRect = function(x, y, w, h, r){
|
|
this.roundedRect(x, y, w, h, r);
|
|
this.stroke();
|
|
}
|
|
|
|
CanvasRenderingContext2D.prototype.fillRoundedRect = function(x, y, w, h, r){
|
|
this.roundedRect(x, y, w, h, r);
|
|
this.fill();
|
|
}
|
|
|
|
main(); |