Ajoute le proto de musique de course

This commit is contained in:
Pierre Favary 2020-12-15 18:02:18 +01:00
parent d50a27a849
commit d2fcff4480
6 changed files with 14 additions and 11 deletions

View file

@ -72,8 +72,8 @@ body {
background-image: linear-gradient(to top, black -50%, #BF0909 80%);
cursor : pointer;
position: absolute;
left: 40%;
bottom: 17%;
left: 38%;
bottom: 15%;
}
.button:hover {

View file

@ -38,16 +38,16 @@
if (t==1080){window.location.replace("./couloir.html")}//condition de succès: tenir assez longtemps
};
//on ajoute des méthodes à l'objet Particle
Particle.prototype.attract = function(x, y) {
Particle.prototype.Sattract = function(x, y) {
var dx = x - this.x;
var dy = y - this.y;
var distance = Math.sqrt(dx * dx + dy * dy);
this.x += dx / distance;
this.y += dy / distance;
var distance = Math.sqrt(dx * dx + dy * dy);//cela permet aussi d'avoir une valeur positive...
this.x += dx / (distance+1);//...strictement
this.y += dy / (distance+1);
};
//ctx permet de tracer sur le canvas
Particle.prototype.draw = function() {
ctx.strokeStyle = '#f00000';
ctx.strokeStyle = '#fa0000';
ctx.lineWidth = 42;
ctx.beginPath();
ctx.moveTo(this.oldX, this.oldY);
@ -76,7 +76,7 @@
function frame() {
requestAnimationFrame(frame);
ctx.clearRect(0, 0, width, height);
particle.attract(mouse.x, mouse.y);
particle.Sattract(mouse.x, mouse.y);
particle.integrate();
particle.draw();
}

View file

@ -17,9 +17,8 @@
<main id="main">
<section id="content">
<article id="text">
<p class="phrase" id="p1">Oh non!</p><br/>
<p class="phrase" id="p1">Oh non!</p>
<p class="phrase">Non seulement vous êtes repéré, mais dans l'obscurité vous sentez la main de l'inconnu se refermer sur votre épaule!</p>
<br/>
<p class="phrase">Ce n'est pas vraiment ce que vous vouliez...</p>
<div id="arrowBlock">
<p id="space">Press enter</p>

View file

@ -18,7 +18,8 @@
<section id="content">
<article id="text">
<p class="firstText">Vous suivez l'étudiant à pas de velours, mais cela ne suffit pas.</p>
<p class="textWillAppear">Dans l'obscurité vous pouvez à peine vous voir, mais il risque quand même de vous trouver...</p>
<p class="textWillAppear">Dans l'obscurité vous pouvez à peine vous voir, donc si vous bougez il risque de vous entendre...</p>
<p class="textWillAppear">... mais si vous restez immobile il vous trouvera!</p>
<p class="textWillAppear">Échappez-lui en bougeant votre souris!</p>
<div id="arrowBlock">
<p id="space">Press enter</p>

BIN
Sounds/course.mp3 Normal file

Binary file not shown.

3
Sounds/soundcourse.txt Normal file
View file

@ -0,0 +1,3 @@
Temps: 18 secondes
possibilité de changer le compteur t élastique
Composition en cours........