victor.brun
/
jeusae
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

version final avec les pages de debut et fin

Browse Source
master
Victor BRUN 1 year ago
parent 85a5408baa
commit 6eb14632c7
7 changed files with 160 additions and 21 deletions
Show Stats Download Patch File Download Diff File

BIN
build/fleches.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

13
build/index.htm
Unescape View File

@ -11,20 +11,19 @@
<!-- Inclure ici les fichiers JavaScript necessaires a la scene. -->
<script>
let scene;
function load() {
scene = new Jeu(document.getElementById("scene"));
scene.start();
scene = new Jeu(document.getElementById("scene"));
scene.resize();
}
</script>
</head>
<body onload="load()" onresize="scene.resize()">
<div id="scene">
<!-- Definir ici les elements HTML qui seront manipules dans la scene. -->
<!-- Le code ci-dessous permet affiche un bouton pour le plein ecran -->
<!-- <div id="fullscreen" onmousedown="scene.toggleFullscreen(event);">F</div> -->
<img id = "logo" src="logo.png">
<div id = "texte">Bienvenue sur mon jeu pour la marque Isaac Madéti</div>
<img id = "fleche" src="fleches.png">
<div id = "texte2">Voici les touches pour les deplacements</br>(et cliquez sur une des touches a la fin</br> d'un niveau pour passer au suivant)</br>Amusez-vous bien!</div>
<button id= "bouttonjeu"><a href="jeu.htm">Cliquez ici pour lancer le jeu !</a></button>
</div>
<div>
<div id="compteurfraise">oui</div>

57
build/jeu.css
Unescape View File

@ -23,11 +23,10 @@ body {
#fullscreen {
position: absolute;
right: 10px;
bottom: 10px;
width: 2em;
height: 1.2em;
left: 0px;
top: 0px;
width: 4em;
height: 2.4em;
display: flex;
flex-direction: row;
align-items: center;
@ -42,3 +41,51 @@ body {
cursor: pointer;
}
#logo{
position: absolute;
left : 20px;
top : 20px;
width: 4em;
height: auto;
}
#fleche{
position : absolute;
left : 33%;
top : 38%;
width: 33%;
height: auto;
}
#texte{
position : relative;
display: flex;
top : 10%;
align-items: center;
justify-content: center;
font-size: 1.2em;
height: auto;
}
#texte2{
position : relative;
display: flex;
top : 60%;
align-items: center;
justify-content: center;
font-size: 1.2em;
height: auto;
}
#bouttonjeu{
position : absolute;
bottom : 0%;
font-size: 1.2em;
height: auto;
}
#compteurfraise{
z-index : 1000000000;
z-index : 1000000000;
}

36
build/jeu.htm
Unescape View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>Template Jeu</title>
<meta charset="utf-8">
<link rel="stylesheet" href="jeu.css"/>
<script src="Sprite.js"></script>
<script src="Scene.js"></script>
<script src="Jeu.js"></script>
<script src="Rat.js"></script>
<!-- Inclure ici les fichiers JavaScript necessaires a la scene. -->
<script>
let scene;
function load() {
scene = new Jeu(document.getElementById("scene"));
scene.start();
scene.resize();
}
</script>
</head>
<body onload="load()" onresize="scene.resize()">
<div id="scene">
<!-- Definir ici les elements HTML qui seront manipules dans la scene. -->
<!-- Le code ci-dessous permet affiche un bouton pour le plein ecran -->
</div>
<div id="fullscreen" style="z-index: 1000;" onmousedown="scene.toggleFullscreen(event);">F</div>
<div>
<div id="compteurfraise">oui</div>
<div id="compteurfromage">oui</div>
</div>
</body>
</html>

34
build/jeufin.htm
Unescape View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>Template Jeu</title>
<meta charset="utf-8">
<link rel="stylesheet" href="jeu.css"/>
<script src="Sprite.js"></script>
<script src="Scene.js"></script>
<script src="Jeu.js"></script>
<script src="Rat.js"></script>
<!-- Inclure ici les fichiers JavaScript necessaires a la scene. -->
<script>
let scene;
function load() {
scene = new Jeu(document.getElementById("scene"));
scene.fin();
scene.resize();
}
</script>
</head>
<body onload="load()" onresize="scene.resize()">
<div id="scene">
<div>
<div id="compteurfraise">oui</div>
<div id="compteurfromage">oui</div>
</div>
<button id= "bouttonjeu"><a href="jeu.htm">Cliquez ici pour relancer le jeu !</a></button>
</div>
<div id="fullscreen" style="z-index: 1000;" onmousedown="scene.toggleFullscreen(event);">F</div>
</body>
</html>

BIN
build/logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

41
source/Jeu.ts
Unescape View File

@ -43,14 +43,19 @@ class Jeu extends Scene {
/* Ecouteur déclenché à la réception des données */
requete.onreadystatechange = () => {
if (requete.readyState == XMLHttpRequest.DONE && requete.status == 200) {
this.niveau_ = JSON.parse(requete.responseText);
/* Suite du code */
console.log(this.niveau_.id);
console.log(this.niveau_.niveau);
this.start_suite();
}
}
let result = requete.responseText;
if(result =="false"){
console.log("fin du jeu");
window.location.href = "jeufin.htm";
}else{
this.niveau_ = JSON.parse(requete.responseText);
/* Suite du code */
console.log(this.niveau_.id);
console.log(this.niveau_.niveau);
this.start_suite();
}
}
}
requete.send();
}
@ -177,11 +182,29 @@ class Jeu extends Scene {
//sert a enlever tout les elements de la scene pour que le tour s'actualise
public removeAllChildNodes() {
const scene = document.getElementById('scene')
const scene = document.getElementById('scene');
//le local storage sert a garder en memoire pour la page de fin
localStorage.setItem("compteurfromage", this.compteurfromage_.toString());
localStorage.setItem("compteurfraise", this.compteurfraise_.toString());
while (scene.firstChild) {
scene.removeChild(scene.firstChild);
}
}
//sert a afficher sur la page de fin le nombre de fraise et fromage manger
public fin(){
const compteurfromage = localStorage.getItem("compteurfromage");
const compteurfraise = localStorage.getItem("compteurfraise");
console.log(compteurfromage);
console.log(compteurfraise);
const element = document.getElementById("compteurfromage");
if (element) {
element.textContent = "Fromage manger : " + compteurfromage;
}
const element2 = document.getElementById("compteurfraise");
if (element2) {
element2.textContent = "Fraise manger : " + compteurfraise;
}
}
//--------------------------------------------------------------------------------------------start
public start_suite() {

Write Preview
Loading…
Cancel
Save