Hecc-inc./caa-game
3
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Reorganised assets and added gamescreens

Browse Source
This commit is contained in:
Arne van Iterson 2020-04-13 11:48:48 +02:00
parent 0b508af1df
commit 8bae2ac12f
33 changed files with 458 additions and 216 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
css/index.css
View File

@ -1,33 +0,0 @@
html, body {
margin: 0;
height: 100vh;
width: 100vw;
background: lightskyblue;
font-family: sans-serif;
}
h1 {
text-align: center;
}
ul {
list-style-type: none;
text-align: center;
padding: 0;
display: grid;
}
li {
width: 25vw;
padding: 10px 20px;
margin: 0 auto;
margin-top: 20px;
background: #9ea399;
border-radius: 5px;
border: 2px solid #1c1914;
cursor: pointer;
}
li:hover {
box-shadow: 2px 2px #1c1914;
}

10
game.html → html/game.html
View File

@ -3,20 +3,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/game.css">
<script type="module" src="src/game.js"></script>
<link rel="stylesheet" href="../css/game.css">
<script type="module" src="../src/index.js"></script>
<title>Game</title>
</head>
<body>
<div id="settings">
<img src="res/cog-solid.svg" alt="Settings">
<img src="../res/images/cog-solid.svg" alt="Settings">
</div>
<div id="menu">
<ul>
<li><a id="close">Quit game</a></li>
<li><a id="save">Save progress</a></li>
<li><a id="resume">Resume</a></li>
<li><a id="mainmenu">Return to main menu</a></li>
<li><a id="close">Quit game</a></li>
</ul>
</div>

18
index.html
View File

@ -1,18 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Caa-game</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<h1>Caa-game</h1>
<ul>
<li id="resume">Resume game</li>
<li id="settings">Settings</li>
<li id="quit">Quit game</li>
</ul>
<script src="src/index.js"></script>
</body>
</html>

2
main.js
View File

@ -28,7 +28,7 @@ function createWindow () {
win.removeMenu();
// and load the index.html of the app.
win.loadFile(path.join("index.html"));
win.loadFile(path.join("html/game.html"));
// Open the DevTools.
win.webContents.openDevTools();

6
package-lock.json generated
View File

@ -193,9 +193,9 @@
}
},
"asdf-games": {
"version": "1.0.12",
"resolved": "https://registry.npmjs.org/asdf-games/-/asdf-games-1.0.12.tgz",
"integrity": "sha512-XaramOeOnLK4eH3HRRR6joCQClvuZZ/ANBEjKzMpMHsZ/+O/G3arMI2h6KQ86yrWrT0TZGTc89vrfmBhQmqNrQ=="
"version": "1.0.14",
"resolved": "https://registry.npmjs.org/asdf-games/-/asdf-games-1.0.14.tgz",
"integrity": "sha512-0CCsgxfPjJL5BI7a8CYw49Y14rslG1BIsg20gnaf8Hi0SOaXJ61mZXf6Q96l9h5OhDaOLsv9e/yAMY9P0vq3IQ=="
},
"astral-regex": {
"version": "1.0.0",

2
package.json
View File

@ -13,7 +13,7 @@
"author": "McArn",
"license": "ISC",
"dependencies": {
"asdf-games": "^1.0.12"
"asdf-games": "^1.0.14"
},
"devDependencies": {
"cross-env": "^7.0.2",

0
res/aseprite/example.aseprite → res/images/aseprite/example.aseprite
View File

0
res/aseprite/pointers.aseprite → res/images/aseprite/pointers.aseprite
View File

0
res/aseprite/tilemap.aseprite → res/images/aseprite/tilemap.aseprite
View File

0
res/cog-solid.svg → res/images/cog-solid.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

0
res/mage.png → res/images/mage.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

0
res/player.png → res/images/player.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

0
res/pointers.png → res/images/pointers.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 224 B

After

Width:  |  Height:  |  Size: 224 B

0
res/tilemap.png → res/images/tilemap.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

31
res/lang/default.js Normal file
View File

@ -0,0 +1,31 @@
module.exports = {
titleScreen: {
instructions: [
"Press Space to Start!",
"Press T for the tutorial",
"Press Q to quit",
]
},
tutorial: [
"Use WASD or the direction keys to move",
"Press Ctrl to sprint, but watch your stamina!",
"Press space to interact with objects",
"If the arrow above an object is red, you cannot interact with it",
"You might be missing key or have already interacted with it",
"Press space to return"
],
gameOver: {
dead: "You died!",
instruction: "Press space to return to title"
},
logoScreen: [
"Made by JoVo and McArn"
],
game: {
lives: "Lives",
stamina: "Stamina",
keyFind: "You found a key!",
keyMiss: "You do not have the key for this door!",
chestOpen: "You already opened this chest"
}
};

BIN
res/sounds/forbidden.wav Normal file
View File

Binary file not shown.

14
src/entities/bullet.js
View File

@ -1,8 +1,8 @@
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, TileSprite, AnimManager, wallslide, entity } = asdf;
const { Texture, TileSprite, deadInTracks, entity } = asdf;
const texture = new Texture("./res/tilemap.png");
const texture = new Texture(__dirname + "/../../res/images/tilemap.png");
class Bullet extends TileSprite {
constructor(pos, angle, parent, player, level) {
@ -41,9 +41,15 @@ class Bullet extends TileSprite {
} else {
const xo = Math.cos(this.rotation) * 100 * dt;
const yo = Math.sin(this.rotation) * 100 * dt;
const r = deadInTracks.deadInTracks(this, this.level, xo, yo);
this.pos.x += xo;
this.pos.y += yo;
if (r.x == 0 || r.y == 0) {
this.parent.bullet = false;
this.dead = true;
} else {
this.pos.x += xo;
this.pos.y += yo;
}
}
}
}

28
src/entities/chest.js
View File

@ -1,9 +1,13 @@
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, TileSprite, AnimManager, entity } = asdf;
const { Texture, Sound, TileSprite, entity } = asdf;
var texture = new Texture("./res/tilemap.png");
var Pointer = require("./pointer.js");
const texture = new Texture(__dirname + "/../../res/images/tilemap.png");
const sounds = {
forbidden: new Sound(__dirname + "/../../res/sounds/forbidden.wav")
};
const Pointer = require("./pointer.js");
const state = {
open: 0,
@ -29,6 +33,7 @@ class Chest extends TileSprite {
this.level = level;
this.pointer = false;
this.pressed = false;
this.hitBox = {
x: 1,
@ -57,10 +62,21 @@ class Chest extends TileSprite {
this.pointer.anims.play("red");
}
if (this.keys.action && this.state == state.closed) {
this.state = state.open;
this.action();
if (this.keys.action) {
if (this.state == state.closed) {
this.state = state.open;
this.pressed = true;
this.action();
} else {
if (!sounds.forbidden.playing && !this.pressed) {
sounds.forbidden.play();
this.pressed = true;
}
}
} else {
this.pressed = false;
}
} else {
this.level.entities.remove(this.pointer);
this.pointer = false;

3
src/entities/mage.js
View File

@ -2,8 +2,8 @@ var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, TileSprite, AnimManager, wallslide, entity } = asdf;
const texture = new Texture("../res/images/mage.png");
const Bullet = require("./bullet.js");
const texture = new Texture("./res/mage.png");
const states = {
idle: 0,
@ -126,7 +126,6 @@ class Mage extends TileSprite {
}
shoot(angle) {
console.log("shoot");
this.bullet = true;
var pos = {
x: this.pos.x + 8,

2
src/entities/player.js
View File

@ -1,7 +1,7 @@
var asdf = require("asdf-games");
const { Texture, TileSprite, AnimManager, wallslide } = asdf;
var texture = new Texture("./res/player.png");
const texture = new Texture("../res/images/player.png");
class Player extends TileSprite {
constructor(keys, window) {

9
src/entities/pointer.js
View File

@ -1,13 +1,8 @@
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, TileSprite, AnimManager, entity } = asdf;
const { Texture, TileSprite, AnimManager } = asdf;
const texture = new Texture("./res/pointers.png");
// const states = {
// white: 0,
// red: 1
// };
const texture = new Texture("../res/images/pointers.png");
class Pointer extends TileSprite {
constructor(pos) {

33
src/entities/portal.js
View File

@ -1,8 +1,12 @@
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, TileSprite, entity } = asdf;
const { Texture, Sound, TileSprite, entity } = asdf;
const texture = new Texture(__dirname + "/../../res/images/tilemap.png");
const sounds = {
forbidden: new Sound(__dirname + "/../../res/sounds/forbidden.wav")
};
var texture = new Texture("./res/tilemap.png");
var Pointer = require("./pointer.js");
class Portal extends TileSprite {
@ -15,6 +19,8 @@ class Portal extends TileSprite {
this.action = action;
this.pointer = false;
this.pressed = false;
this.keys = keys;
this.key = key;
@ -75,23 +81,42 @@ class Portal extends TileSprite {
if (this.player.items.keys.length > 0) {
for (let index = 0; index < this.player.items.keys.length; index++) {
const element = this.player.items.keys[index];
console.log(this.key);
console.log(element);
if (element == this.key) {
// Correct key
this.pointer.anims.play("white");
if (this.keys.action) {
this.action();
console.warn("action");
}
break;
} else {
// Not the correct key
this.pointer.anims.play("red");
console.log("correct keyn't");
this.pointer.anims.play("red");
if (this.keys.action) {
if (!sounds.forbidden.playing && !this.pressed) {
sounds.forbidden.play();
this.pressed = true;
}
} else {
this.pressed = false;
}
}
}
} else {
// No keys at all
console.log("You have no keys");
this.pointer.anims.play("red");
console.log("keyn't");
if (this.keys.action) {
if (!sounds.forbidden.playing && !this.pressed) {
sounds.forbidden.play();
this.pressed = true;
}
} else {
this.pressed = false;
}
}
} else {
if (this.keys.action) {

110
src/game.js
View File

@ -1,110 +0,0 @@
const { ipcRenderer, remote } = require("electron");
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Game, KeyControls, MouseControls, Camera } = asdf;
const window = { w: 640, h: 320 };
const game = new Game(window.w, window.h, true);
ipcRenderer.send("resize", window);
const { scene } = game;
const mouseAim = new MouseControls(document.getElementById("board"));
const keys = new KeyControls();
const Stats = require("./src/helpers/stats.js");
var Player = require("./src/entities/player.js");
var Level = require("./src/helpers/level.js");
// Initialise first level 1-1.js at startPosition 0
var player = new Player(keys, window);
var level = new Level(require("./src/levels/1-1.js"), keys, player);
player.pos.x = level.startPos[0].x / 1;
player.pos.y = level.startPos[0].y / 1;
player.level = level;
const camera = new Camera(player, window, { w: level.w * 2, h: level.h * 2 });
var stats = new Stats(player);
scene.add(camera);
camera.add(level);
camera.add(player);
scene.add(stats);
function switchLevel(module, pos = 0) {
scene.remove(stats);
console.log(scene);
camera.map(function(e) {
camera.remove(e);
if (e instanceof Level) {
var lives = player.lives;
var items = player.items;
var p = new Player(keys, window);
player = p;
e = new Level(module, keys, player);
level = e;
player.pos.x = level.startPos[pos].x / 1;
player.pos.y = level.startPos[pos].y / 1;
player.lives = lives;
player.items = items;
player.level = e;
stats = new Stats(player);
camera.add(e);
camera.add(player);
camera.setSubject(player);
scene.add(stats);
}
});
}
game.run(() => {
// Debugging tools
if (mouseAim.isDown) {
console.log("cliccccccccccc");
console.log(player);
console.log(level);
}
// Switch to another level
if (level.switch) {
console.log("Switching level!", level);
switchLevel(require(level.switch.module), level.switch.pos);
level.switch = undefined;
}
// Refocus camera to player when player is moved by a portal
if (player.refocus) {
camera.setSubject(player);
player.refocus = false;
}
});
/* *********************************************************
Settings behavior
********************************************************* */
// Opening and closing of menu.
document.getElementById("settings").addEventListener("click", () => {
const menuRef = document.getElementById("menu");
menuRef.style.display = menuRef.style.display === "block" ? "none" : "block";
});
// Quit Game handling.
document.getElementById("close").addEventListener("click", () => {
remote.app.quit();
});
// Return to main menu button
document.getElementById("mainmenu").addEventListener("click", () => {
remote.getCurrentWindow().loadFile(__dirname + "/index.html");
});

4
src/helpers/level.js
View File

@ -1,8 +1,8 @@
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, TileMap, entity, Container } = asdf;
const { Texture, TileMap, Container } = asdf;
const texture = new Texture("./res/tilemap.png");
const texture = new Texture(__dirname + "/../../res/images/tilemap.png");
const tiles = require("../../res/tilemap.js");
const tileSize = 32;

11
src/helpers/stats.js
View File

@ -1,8 +1,10 @@
const { Container, TileSprite, Rect, Texture, Text } = require("asdf-games");
const tilemapFrames = require("../../res/tilemap.js");
const tilemap = new Texture("res/tilemap.png");
const tilemapFrames = require("../../res/tilemap.js");
const tilemap = new Texture("../res/images/tilemap.png");
const tileSize = 32;
const text = require(__dirname + "/../../res/lang/default.js");
const fillStyle = {fill: "#ffffff", font: "24px Arial"};
class Stats extends Container {
@ -14,7 +16,7 @@ class Stats extends Container {
const background = new Rect(640, 42, {fill: "rgba(0,0,0, 0.5)"});
background.pos = {x: 0, y: 280};
const livesText = new Text("LIVES:", fillStyle);
const livesText = new Text(text.game.lives + ":", fillStyle);
livesText.pos = {x: 10, y: 310};
const livesCounter = new Text(player.lives, fillStyle);
@ -24,7 +26,7 @@ class Stats extends Container {
heart.frame = {x: tilemapFrames[42].x / tileSize, y: tilemapFrames[42].y / tileSize};
heart.pos = {x: 104, y: 284};
const staminaText = new Text("| STAMINA:", fillStyle);
const staminaText = new Text("| " + text.game.stamina + ":", fillStyle);
staminaText.pos = {x: 140, y: 310};
this.children = [
@ -48,7 +50,6 @@ class Stats extends Container {
this.children[2].text = this.player.lives;
Array(5).fill().forEach((_val, index) => {
//console.log(Math.round(this.player.stamina.current) - 1, index);
this.children[index + 5].frame =
(Math.round(this.player.stamina.current)) <= index
? {x: tilemapFrames[45].x / tileSize, y: tilemapFrames[45].y / tileSize}

75
src/index.js
View File

@ -1,14 +1,69 @@
const { remote } = require("electron");
const { ipcRenderer, remote } = require("electron");
var asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Game, KeyControls, MouseControls } = asdf;
document.addEventListener("DOMContentLoaded", () => {
const
Logo = require(__dirname + "/../src/screens/logo.js"),
Title = require(__dirname + "/../src/screens/title.js"),
Tutorial = require(__dirname + "/../src/screens/tutorial.js"),
GameScreen = require(__dirname + "/../src/screens/game.js"),
Gameover = require(__dirname + "/../src/screens/gameover.js")
;
// Start game
document.getElementById("resume").addEventListener("click", () => {
remote.getCurrentWindow().loadFile(__dirname + "/game.html");
const window = { w: 640, h: 320 };
const game = new Game(window.w, window.h, true);
ipcRenderer.send("resize", window);
const keys = new KeyControls();
function titleScreen() {
game.scene = new Title(game, keys, newGame, tutorial, remote.app.quit);
}
function tutorial() {
game.scene = new Tutorial(game, keys, titleScreen);
}
function gameOver() {
game.scene = new Gameover(game, keys, titleScreen);
}
function newGame() {
game.scene = new GameScreen(game, window, keys, gameOver);
}
game.scene = new Logo(game, titleScreen);
game.run();
/* *********************************************************
Settings behavior
********************************************************* */
// Opening and closing of menu.
function toggleMenu() {
const menuRef = document.getElementById("menu");
menuRef.style.display = menuRef.style.display === "block" ? "none" : "block";
}
const elements = [...document.querySelectorAll("#settings, #resume")];
elements.forEach(element => {
element.addEventListener("click", () => {
toggleMenu();
});
});
// Return to main menu button
document.getElementById("mainmenu").addEventListener("click", () => {
titleScreen();
toggleMenu();
});
// Quit game
document.getElementById("quit").addEventListener("click", () => {
remote.app.quit();
});
});
// Quit Game handling.
document.getElementById("close").addEventListener("click", () => {
remote.app.quit();
});

4
src/levels/1-1 copy.js
View File

@ -1,6 +1,6 @@
const tileSize = 32;
let level = {
var level = {
tiles: [
1, 2, 2, 2, 2, 6, 0, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 5, 6,
4, 21, 22, 23, 21, 7, 0, 4, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 7,
@ -47,7 +47,7 @@ let level = {
pos: { x: 8 * tileSize, y: 2 * tileSize },
texture: "Ladder",
action: (_player, level) => {
level.switch = { module: "./src/levels/1-1.js", pos: 0 };
level.switch = { module: __dirname + "/1-1.js", pos: 0 };
},
key: "1-2_3"
}

4
src/levels/1-1.js
View File

@ -1,6 +1,6 @@
const tileSize = 32;
let level = {
var level = {
tiles: [
1, 2, 2, 2, 2, 6, 0, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 5, 6,
4, 21, 22, 23, 21, 7, 0, 4, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 22, 23, 21, 7,
@ -47,7 +47,7 @@ let level = {
pos: { x: 8 * tileSize, y: 2 * tileSize },
texture: "Ladder",
action: (_player, level) => {
level.switch = { module: "./src/levels/1-1 copy.js", pos: 0 };
level.switch = { module: __dirname + "/1-1 copy.js", pos: 0 };
},
key: "1-1_1"
}

110
src/screens/game.js Normal file
View File

@ -0,0 +1,110 @@
const asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Container, Camera } = asdf;
const debugMode = true;
const Stats = require(__dirname + "/../helpers/stats.js");
var Player = require(__dirname + "/../entities/player.js");
var Level = require(__dirname + "/../helpers/level.js");
class GameScreen extends Container {
constructor(game, window, keys, onGameOver) {
super();
this.window = window;
this.keys = keys;
this.onGameOver = onGameOver;
// Initialise first level 1-1.js at startPosition 0
var player = new Player(keys, window);
var level = new Level(require(__dirname + "/../levels/1-1.js"), keys, player);
player.pos.x = level.startPos[0].x / 1;
player.pos.y = level.startPos[0].y / 1;
player.level = level;
var camera = new Camera(player, window, { w: level.w * 2, h: level.h * 2 });
var stats = new Stats(player);
this.add(camera);
camera.add(level);
camera.add(player);
this.add(stats);
this.camera = camera;
this.player = player;
this.level = level;
this.stats = stats;
}
switchLevel(module, pos = 0) {
var { camera, player, level, stats, keys } = this;
camera.map(function(e) {
camera.remove(e);
if (e instanceof Level) {
var lives = player.lives;
var items = player.items;
var p = new Player(keys, window);
player = p;
e = new Level(module, keys, player);
level = e;
player.pos.x = level.startPos[pos].x / 1;
player.pos.y = level.startPos[pos].y / 1;
player.lives = lives;
player.items = items;
player.level = e;
stats.player = player;
camera.add(e);
camera.worldSize = { w: e.w, h: e.h };
camera.add(player);
camera.setSubject(player);
}
});
this.player = player;
this.level = level;
this.stats = stats;
this.camera = camera;
}
update(dt, t) {
super.update(dt, t);
var { camera, player, level, keys } = this;
// Debug options
if (debugMode && keys.ctrl && keys.key(66)) {
console.debug(level);
console.debug(player);
}
if (player.lives <= 0) {
this.onGameOver();
}
// Switch to another level
if (level.switch) {
if (debugMode) {
console.debug("Switching level!", level);
}
this.switchLevel(require(level.switch.module), level.switch.pos);
level.switch = undefined;
}
// Refocus camera to player when player is moved by a portal
if (player.refocus) {
camera.setSubject(player);
player.refocus = false;
}
}
}
module.exports = GameScreen;

36
src/screens/gameover.js Normal file
View File

@ -0,0 +1,36 @@
const asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, Text, Container, Sprite } = asdf;
const text = require(__dirname + "/../../res/lang/default.js");
const fillStyle = {fill: "#ffffff", font: "24px Arial"};
class GameOver extends Container {
constructor(game, keys, onEnd) {
super();
this.game = game;
this.keys = keys;
this.onEnd = onEnd;
this.children = [];
var gameover = new Text(text.gameOver.dead, {fill: "#ffffff", font: "32px Arial"});
gameover.pos = { x: 200, y: 200 };
this.add(gameover);
var instruction = new Text(text.gameOver.instruction, fillStyle);
instruction.pos = { x: 200, y: 236 };
this.add(instruction);
}
update(dt, t) {
super.update(dt, t);
if (this.keys.action) {
this.onEnd();
}
}
}
module.exports = GameOver;

40
src/screens/logo.js Normal file
View File

@ -0,0 +1,40 @@
const asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, Text, Container, Sprite } = asdf;
const text = require(__dirname + "/../../res/lang/default.js");
const fillStyle = {fill: "#ffffff", font: "24px Arial"};
class Logo extends Container {
constructor(game, onEnd) {
super();
this.game = game;
this.onEnd = onEnd;
this.children = [];
const textPos = { x: 200, y: 150 };
for (let index = 0; index < text.logoScreen.length; index++) {
const element = new Text(text.logoScreen[index], fillStyle);
element.pos = {
x: textPos.x,
y: textPos.y + 24 * index
};
this.add(element);
}
this.lifetime = 2;
}
update(dt, t) {
super.update(dt, t);
if (this.lifetime <= 0) {
this.onEnd();
} else {
this.lifetime -= dt;
}
}
}
module.exports = Logo;

51
src/screens/title.js Normal file
View File

@ -0,0 +1,51 @@
const asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, Container, Sprite, Text } = asdf;
const text = require(__dirname + "/../../res/lang/default.js");
const fillStyle = {fill: "#ffffff", font: "24px Arial"};
class Title extends Container {
constructor(game, keys, onStart, onTutorial, onQuit) {
super();
this.game = game;
this.keys = keys;
this.onStart = onStart;
this.onTutorial = onTutorial;
this.onQuit = onQuit;
this.keys.reset();
this.children = [];
const textPos = { x: 200, y: 200 };
for (let index = 0; index < text.titleScreen.instructions.length; index++) {
const element = new Text(text.titleScreen.instructions[index], fillStyle);
element.pos = {
x: textPos.x,
y: textPos.y + 28 * index
};
this.add(element);
}
}
update(dt, t) {
super.update(dt, t);
if (this.keys.action) {
this.onStart();
}
if (this.keys.key(84)) {
this.onTutorial();
}
if (this.keys.key(81)) {
this.onQuit();
}
}
}
module.exports = Title;

38
src/screens/tutorial.js Normal file
View File

@ -0,0 +1,38 @@
const asdf = require("asdf-games");
// eslint-disable-next-line no-unused-vars
const { Texture, Container, Text, Sprite } = asdf;
const text = require(__dirname + "/../../res/lang/default.js");
const fillStyle = {fill: "#ffffff", font: "20px Arial"};
class Tutorial extends Container {
constructor(game, keys, onEnd) {
super();
this.game = game;
this.keys = keys;
this.onEnd = onEnd;
this.children = [];
const textPos = { x: 50, y: 150 };
for (let index = 0; index < text.tutorial.length; index++) {
const element = new Text(text.tutorial[index], fillStyle);
element.pos = {
x: textPos.x,
y: textPos.y + 24 * index
};
this.add(element);
}
}
update(dt, t) {
super.update(dt, t);
if (this.keys.action) {
this.onEnd();
}
}
}
module.exports = Tutorial;