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

- Added username and room input

Browse Source 
- Reformatting
This commit is contained in:
Administrator 2021-06-07 19:23:53 +02:00
parent 678d6f8eb7
commit f04f07fdca
4 changed files with 38 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/index.css
View File

@ -1,11 +1,11 @@
/*#login {*/
/* display: block;*/
/*}*/
#login {
display: block;
}
/*#game {*/
/* display: none;*/
/*}*/
#game {
display: none;
}
/*#chat {*/
/* display: none;*/
/*}*/
#chat {
display: none;
}

22
public/index.html
View File

@ -19,17 +19,17 @@
<div class="title">Projektmanagement Game</div>
</header>
<main>
<!-- <div id="login">-->
<!-- <form>-->
<!-- <label for="username">Anmeldename: </label>-->
<!-- <input type="text" name="username" id="username" placeholder="Benutzername">-->
<div id="login">
<form>
<label for="username">Anmeldename: </label>
<input type="text" name="username" id="username" placeholder="Benutzername">
<!-- <label for="room">Raumnummer: </label>-->
<!-- <input type="text" name="room" id="room" placeholder="Raumnummer">-->
<label for="room">Raumnummer: </label>
<input type="text" name="room" id="room" placeholder="Raumnummer">
<!-- <button id="ok" type="button">Bestätigen</button>-->
<!-- </form>-->
<!-- </div>-->
<button id="ok" type="button">Bestätigen</button>
</form>
</div>
<div id="game">
</div>
@ -49,7 +49,9 @@
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script crossorigin="anonymous"
integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA=="
referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.0.2/browser/pixi.js"></script>
<script src="js/chat.js"></script>
<script src="js/game.js"></script>

12
public/js/game.js
View File

@ -81,23 +81,25 @@ app.stage.addChild(third_circle);
// Card stacks
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");
generate_card("Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1);
show_card = true;
}});
}
});
app.stage.addChild(cards_1);
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");
generate_card("Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1);
show_card = true;
}});
}
});
app.stage.addChild(cards_2);
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");
generate_card("Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1);
show_card = true;

20
public/js/index.js
View File

@ -6,13 +6,13 @@ window.addEventListener('beforeunload', function (e) {
e.preventDefault();
});
// document.getElementById('ok').addEventListener('click', function () {
// username = document.getElementById('username').value;
// room_name = document.getElementById('room').value;
//
// document.getElementById('login').style.display = 'none';
// document.getElementById('game').style.display = 'flex';
// document.getElementById('chat').style.display = 'flex';
// start_chat();
// resize();
// })
document.getElementById('ok').addEventListener('click', function () {
username = document.getElementById('username').value;
room_name = document.getElementById('room').value;
document.getElementById('login').style.display = 'none';
document.getElementById('game').style.display = 'flex';
document.getElementById('chat').style.display = 'flex';
start_chat();
resize();
})