Merge remote-tracking branch 'origin/master'
This commit is contained in:
commit
37b8156869
@ -7,44 +7,71 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF8" />
|
<meta charset="UTF8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<style>
|
<link rel="stylesheet" type="text/css" href="./styles.css" />
|
||||||
canvas {
|
|
||||||
border-bottom: 2px solid #0d0d0d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin-top: +50px;
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
margin-top: +130px;
|
|
||||||
margin-left: +300px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<!--Jeux principal-->
|
||||||
<h1 class="center">Fuyez l'homme en noir !</h1>
|
<h1 class="center">Fuyez l'homme en noir !</h1>
|
||||||
|
|
||||||
<script src="./scores.js">
|
<script src="./scores.js">
|
||||||
startGame()
|
startGame()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!--Tableau des scores-->
|
||||||
|
<h3 class="cote">Meilleur score</h3>
|
||||||
<script src="./script.js">
|
<script src="./script.js">
|
||||||
load()
|
load()
|
||||||
</script>
|
</script>
|
||||||
|
<table class="tab">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>1ST</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<script>
|
||||||
|
document.write(getPremier());
|
||||||
|
</script>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>2ND</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<script>
|
||||||
|
document.write(getSecond());
|
||||||
|
</script>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<p>3RD</p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<script>
|
||||||
|
document.write(getTroisieme());
|
||||||
|
</script>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!--gif homme en noir qui marche-->
|
||||||
<img src="./gifs/homme trop swag.gif" alt="homme en noir" height="150" width="150">
|
<img src="./gifs/homme trop swag.gif" alt="homme en noir" height="150" width="150">
|
||||||
|
|
||||||
<br>
|
<!--Insertion de l'audio a chaque saut-->
|
||||||
<button onmousedown="sauter(-0.5)" onmouseup="sauter(0.05)">SAUTER</button>
|
<audio id="myAudio">
|
||||||
|
<source src="./sons/OhPonyBoy_-_WOUTIPOUP.ogg" type="audio/ogg">
|
||||||
|
<source src="./sons/OhPonyBoy_-_WOUTIPOUP.mp3" type="audio/mpeg">
|
||||||
|
</audio>
|
||||||
|
|
||||||
|
<!--bouton evenement-->
|
||||||
|
<br>
|
||||||
|
<button onmousedown="sauter(-0.05)" onmouseup="sauter(0.05)">SAUTER</audio></button>
|
||||||
|
<button onclick="playAudio()">MUSIC</audio></button>
|
||||||
|
|
||||||
|
<!--lancer le jeux-->
|
||||||
<script>
|
<script>
|
||||||
startGame()
|
startGame()
|
||||||
load()
|
load()
|
||||||
|
@ -1,43 +1,47 @@
|
|||||||
//VARIABLES
|
//VARIABLES
|
||||||
var premier = 0;
|
var premier = localStorage.setItem('premier', 0);
|
||||||
var deuxieme = 0;
|
var deuxieme = localStorage.setItem('deuxieme', 0);
|
||||||
var troisième = 0;
|
var troisieme = localStorage.setItem('troisieme', 0);
|
||||||
|
|
||||||
var ligne;
|
|
||||||
|
|
||||||
var score = new Array("1ST", "2ND", "3RD");
|
|
||||||
var premier = score["1ST"];
|
|
||||||
var deuxieme = score["2ND"];
|
|
||||||
var troisième = score["3RD"];
|
|
||||||
|
|
||||||
var tableau = {
|
var tableau = {
|
||||||
canvas: document.createElement("canvas"),
|
canvas: document.createElement("canvas"),
|
||||||
start: function() {
|
start: function() {
|
||||||
this.canvas.width = 200;
|
this.canvas.width = 200;
|
||||||
this.canvas.height = 150;
|
this.canvas.height = 150;
|
||||||
this.context = this.canvas.getContext("2d");
|
var ctx = this.canvas.getContext("2d");
|
||||||
this.canvas.style = "position:absolute; margin-write: +500px; border: 2px solid #0d0d0d;";
|
this.canvas.style = "position:absolute; margin-top: +50px; border: 2px solid #0d0d0d;";
|
||||||
document.body.insertBefore(this.canvas, document.body.childNodes[0]);
|
document.body.insertBefore(this.canvas, document.body.childNodes[0]);
|
||||||
this.interval = setInterval(updateGameArea, 20);
|
this.interval = setInterval(updateGameArea, 20);
|
||||||
},
|
},
|
||||||
clear: function() {
|
clear: function() {
|
||||||
this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
//METHODES
|
//METHODES
|
||||||
function update(score) {
|
function update(score) {
|
||||||
if (score > premier)
|
if (score > premier)
|
||||||
this.premier = score;
|
localStorage.setItem('premier', score);
|
||||||
else if (score > deuxieme)
|
else if (score > deuxieme)
|
||||||
this.deuxieme = score;
|
localStorage.setItem('deuxieme', score);
|
||||||
else if (score > troisième)
|
else if (score > troisieme)
|
||||||
this.troisième = score;
|
localStorage.setItem('troisieme', score);
|
||||||
}
|
}
|
||||||
|
|
||||||
function load() {
|
function load() {
|
||||||
update();
|
update(getScore());
|
||||||
//for (var i = 0; i < score.lenght; i++)
|
|
||||||
tableau.start();
|
tableau.start();
|
||||||
|
}
|
||||||
|
|
||||||
|
//GETTER
|
||||||
|
function getPremier() {
|
||||||
|
return localStorage.getItem('premier');
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSecond() {
|
||||||
|
return localStorage.getItem('deuxieme');
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTroisieme() {
|
||||||
|
return localStorage.getItem('troisieme');
|
||||||
}
|
}
|
@ -119,5 +119,12 @@ function everyinterval(n) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function sauter(n) {
|
function sauter(n) {
|
||||||
|
let audio = new Audio("./");
|
||||||
|
audio.play();
|
||||||
personnage.gravity = n;
|
personnage.gravity = n;
|
||||||
|
}
|
||||||
|
|
||||||
|
//GETTER
|
||||||
|
function getScore() {
|
||||||
|
return score;
|
||||||
}
|
}
|
9
Jeux_404/sons.js
Normal file
9
Jeux_404/sons.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
var x = document.getElementById("myAudio");
|
||||||
|
|
||||||
|
function playAudio() {
|
||||||
|
x.play();
|
||||||
|
}
|
||||||
|
|
||||||
|
function pauseAudio() {
|
||||||
|
x.pause();
|
||||||
|
}
|
BIN
Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3
Normal file
BIN
Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3
Normal file
Binary file not shown.
BIN
Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg
Normal file
BIN
Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg
Normal file
Binary file not shown.
31
Jeux_404/styles.css
Normal file
31
Jeux_404/styles.css
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
canvas {
|
||||||
|
border-bottom: 2px solid #0d0d0d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cote {
|
||||||
|
margin-top: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin-top: +50px;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-top: -10px;
|
||||||
|
margin-left: +300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.marge {
|
||||||
|
margin-left: 5em;
|
||||||
|
}
|
136
database.sql
136
database.sql
@ -1,136 +0,0 @@
|
|||||||
--
|
|
||||||
-- Base de données : 'Sombra'
|
|
||||||
--
|
|
||||||
|
|
||||||
-- --------------------------------------------------------
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Structure de la table 'IDENTITE'
|
|
||||||
--
|
|
||||||
|
|
||||||
CREATE TABLE 'IDENTITE' (
|
|
||||||
'idIdentite' int(11) NOT NULL,
|
|
||||||
'nom' varchar(30) NOT NULL,1
|
|
||||||
'prenom' varchar(30) NOT NULL,
|
|
||||||
'email' varchar(50) NOT NULL,
|
|
||||||
'dateNaissance' date NOT NULL,
|
|
||||||
'genre' varchar(15) NOT NULL
|
|
||||||
);
|
|
||||||
|
|
||||||
-- --------------------------------------------------------
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Structure de la table 'IMAGE'
|
|
||||||
--
|
|
||||||
|
|
||||||
CREATE TABLE 'IMAGE' (
|
|
||||||
'idPhoto' int(11) NOT NULL,
|
|
||||||
'lienImage' varchar(100) NOT NULL
|
|
||||||
);
|
|
||||||
|
|
||||||
-- --------------------------------------------------------
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Structure de la table 'MESSAGE'
|
|
||||||
--
|
|
||||||
|
|
||||||
CREATE TABLE 'MESSAGE' (
|
|
||||||
'idMessage' int(11) NOT NULL,
|
|
||||||
'auteur' int(11) NOT NULL,
|
|
||||||
'message' varchar(255) NOT NULL,
|
|
||||||
'image' int(11)
|
|
||||||
);
|
|
||||||
|
|
||||||
-- --------------------------------------------------------
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Structure de la table 'USER'
|
|
||||||
--
|
|
||||||
|
|
||||||
CREATE TABLE 'USER' (
|
|
||||||
'idUser' int(11) NOT NULL,
|
|
||||||
'login' varchar(11) NOT NULL,
|
|
||||||
'password' varchar(11) NOT NULL,
|
|
||||||
'identite' int(11) NOT NULL
|
|
||||||
);
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Index pour les tables déchargées
|
|
||||||
--
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Index pour la table 'IDENTITE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'IDENTITE'
|
|
||||||
ADD PRIMARY KEY ('idIdentite');
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Index pour la table 'IMAGE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'IMAGE'
|
|
||||||
ADD PRIMARY KEY ('idPhoto');
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Index pour la table 'MESSAGE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'MESSAGE'
|
|
||||||
ADD PRIMARY KEY ('idMessage'),
|
|
||||||
ADD KEY 'imageMessage' ('image'),
|
|
||||||
ADD KEY 'userMessage' ('auteur');
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Index pour la table 'USER'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'USER'
|
|
||||||
ADD PRIMARY KEY ('idUser'),
|
|
||||||
ADD KEY 'userIdentLink' ('identite');
|
|
||||||
|
|
||||||
--
|
|
||||||
-- AUTO_INCREMENT pour les tables déchargées
|
|
||||||
--
|
|
||||||
|
|
||||||
--
|
|
||||||
-- AUTO_INCREMENT pour la table 'IDENTITE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'IDENTITE'
|
|
||||||
MODIFY 'idIdentite' int(11) NOT NULL AUTO_INCREMENT;
|
|
||||||
|
|
||||||
--
|
|
||||||
-- AUTO_INCREMENT pour la table 'IMAGE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'IMAGE'
|
|
||||||
MODIFY 'idPhoto' int(11) NOT NULL AUTO_INCREMENT;
|
|
||||||
|
|
||||||
--
|
|
||||||
-- AUTO_INCREMENT pour la table 'MESSAGE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'MESSAGE'
|
|
||||||
MODIFY 'idMessage' int(11) NOT NULL AUTO_INCREMENT;
|
|
||||||
|
|
||||||
--
|
|
||||||
-- AUTO_INCREMENT pour la table 'USER'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'USER'
|
|
||||||
MODIFY 'idUser' int(11) NOT NULL AUTO_INCREMENT;
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Contraintes pour les tables déchargées
|
|
||||||
--
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Contraintes pour la table 'MESSAGE'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'MESSAGE'
|
|
||||||
ADD CONSTRAINT 'imageMessage' FOREIGN KEY ('image') REFERENCES 'IMAGE' ('idPhoto') ON DELETE CASCADE ON UPDATE CASCADE,
|
|
||||||
ADD CONSTRAINT 'userMessage' FOREIGN KEY ('auteur') REFERENCES 'USER' ('idUser') ON UPDATE CASCADE;
|
|
||||||
|
|
||||||
--
|
|
||||||
-- Contraintes pour la table 'USER'
|
|
||||||
--
|
|
||||||
ALTER TABLE 'USER'
|
|
||||||
ADD CONSTRAINT 'userIdentLink' FOREIGN KEY ('identite') REFERENCES 'IDENTITE' ('idIdentite') ON DELETE CASCADE ON UPDATE CASCADE;
|
|
||||||
COMMIT;
|
|
||||||
|
|
||||||
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
|
|
||||||
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
|
|
||||||
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
|
|
Loading…
x
Reference in New Issue
Block a user