DHBW/Projektmanagement-Game
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

- Load game_board only if user is logged in

Browse Source
This commit is contained in:
Administrator 2021-06-08 15:55:33 +02:00
parent 2c7556cbe7
commit af47c15287
2 changed files with 74 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
public/js/game.js
View File

@ -2,97 +2,101 @@ let answer = null;
let show_card = false; let show_card = false;
let game = document.getElementById('game'); let game = document.getElementById('game');
let app;
let game_board_size = 2000; let game_board_size = 2000;
let max_size = calculate_size(); let max_size = calculate_size();
let sprite_size = Math.floor(game_board_size / 11); let sprite_size = Math.floor(game_board_size / 11);
const app = new PIXI.Application({ function start_game() {
autoResize: true, app = new PIXI.Application({
resolution: devicePixelRatio, autoResize: true,
backgroundAlpha: 0, resolution: devicePixelRatio,
width: max_size / game_board_size, backgroundAlpha: 0,
height: max_size / game_board_size width: max_size / game_board_size,
}); height: max_size / game_board_size
document.getElementById('game').appendChild(app.view); });
document.getElementById('game').appendChild(app.view);
// fields // fields
let sprites = [ let sprites = [
// First row // First row
new Sprite(1, 1), new Sprite(1, 1),
new Sprite(3, 1), new Sprite(3, 1),
new Sprite(5, 1), new Sprite(5, 1),
new Sprite(7, 1), new Sprite(7, 1),
new Sprite(9, 1), new Sprite(9, 1),
// Second row // Second row
new Sprite(1, 3), new Sprite(1, 3),
new Sprite(9, 3), new Sprite(9, 3),
// Third row // Third row
new Sprite(1, 5), new Sprite(1, 5),
new Sprite(9, 5), new Sprite(9, 5),
// Fourth row // Fourth row
new Sprite(1, 7), new Sprite(1, 7),
new Sprite(9, 7), new Sprite(9, 7),
// Fifth row // Fifth row
new Sprite(1, 9), new Sprite(1, 9),
new Sprite(3, 9), new Sprite(3, 9),
new Sprite(5, 9), new Sprite(5, 9),
new Sprite(7, 9), new Sprite(7, 9),
new Sprite(9, 9), new Sprite(9, 9),
] ]
sprites.forEach(sprite => app.stage.addChild(sprite.getSprite())); sprites.forEach(sprite => app.stage.addChild(sprite.getSprite()));
// Red border // Red border
let red_border = generate_red_border(new PIXI.Graphics()); let red_border = generate_red_border(new PIXI.Graphics());
app.stage.addChild(red_border); app.stage.addChild(red_border);
// White circles // White circles
let first_circle = generate_circle(new PIXI.Graphics(), 3, 9); let first_circle = generate_circle(new PIXI.Graphics(), 3, 9);
app.stage.addChild(first_circle); app.stage.addChild(first_circle);
let second_circle = generate_circle(new PIXI.Graphics(), 5, 9); let second_circle = generate_circle(new PIXI.Graphics(), 5, 9);
app.stage.addChild(second_circle); app.stage.addChild(second_circle);
let third_circle = generate_circle(new PIXI.Graphics(), 7, 9); let third_circle = generate_circle(new PIXI.Graphics(), 7, 9);
app.stage.addChild(third_circle); app.stage.addChild(third_circle);
// Card stacks // Card stacks
let cards_1 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 3, 3, function () { let cards_1 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 3, 3, function () {
if (!show_card) { if (!show_card) {
console.log("1"); console.log("1");
new Card(game_board_size, "Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1).showCard(); new Card(game_board_size, "Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1).showCard();
show_card = true; show_card = true;
} }
}); });
app.stage.addChild(cards_1); app.stage.addChild(cards_1);
let cards_2 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 5, 3, function () { let cards_2 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 5, 3, function () {
if (!show_card) { if (!show_card) {
console.log("2"); console.log("2");
new Card(game_board_size, "Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1).showCard(); new Card(game_board_size, "Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1).showCard();
show_card = true; show_card = true;
} }
}); });
app.stage.addChild(cards_2); app.stage.addChild(cards_2);
let cards_3 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 7, 3, function () { let cards_3 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 7, 3, function () {
if (!show_card) { if (!show_card) {
console.log("3"); console.log("3");
new Card(game_board_size, "Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1).showCard(); new Card(game_board_size, "Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1).showCard();
show_card = true; show_card = true;
} }
}); });
app.stage.addChild(cards_3); app.stage.addChild(cards_3);
resize();
}
function generate_card_stack(sprite, x, y, onclick) { function generate_card_stack(sprite, x, y, onclick) {
sprite.x = sprite_size * x - sprite_size * 0.2; sprite.x = sprite_size * x - sprite_size * 0.2;
@ -136,6 +140,4 @@ function resize() {
app.stage.scale.set(size / game_board_size, size / game_board_size); app.stage.scale.set(size / game_board_size, size / game_board_size);
app.renderer.resize(size, size) app.renderer.resize(size, size)
} }
resize();

1
public/js/index.js
View File

@ -14,5 +14,6 @@ document.getElementById('ok').addEventListener('click', function () {
document.getElementById('game').style.display = 'flex'; document.getElementById('game').style.display = 'flex';
document.getElementById('chat').style.display = 'flex'; document.getElementById('chat').style.display = 'flex';
start_chat(); start_chat();
start_game();
resize(); resize();
}); });