Commit 7de36cea authored by Benjamin Gallois's avatar Benjamin Gallois

Add control keys

parent b020bb24
......@@ -40,7 +40,7 @@ photo.addEventListener("click", function (event) {
var omr = document.getElementById('omr');
omr.addEventListener("click", function (event) {
alert("Cliquez pour démarrer. \n Appuyez sur échap pour quitter.");
alert("Cliquez pour démarrer. \n Flèche droite pour accélérer le défilement. \n Flèche gauche pour ralentir le défilement. \n Flèche haute pour agrandir la taille du motif. \n Flèche basse pour réduire la taille du motif. \n Appuyez sur échap pour quitter.");
});
var looming = document.getElementById('looming');
......
......@@ -13,6 +13,8 @@ body {
width: 100%;
height: 100%;
overflow: hidden;
font-weight: bold;
font-family: sans-serif;
}
/* unvisited link */
......@@ -50,5 +52,5 @@ a:active {
}
#menu li{
margin-bottom: 15%;;
margin-bottom: 15%;
}
var body = document.getElementById('body');
var body2 = document.getElementById('body2');
var speed = 1;
var dw = 10;
var x = 0;
var x2 = - window.innerWidth;
......@@ -18,7 +20,7 @@ function move(){
}
body.addEventListener("click", function (event) {
moveInterval = setInterval(move, 20);
moveInterval = setInterval(move, speed);
});
window.addEventListener("keyup", function(event) {
......@@ -26,4 +28,28 @@ window.addEventListener("keyup", function(event) {
if (event.keyCode === 27) {
window.location.href = 'main.html';
}
if (event.keyCode === 32) {
clearInterval(moveInterval);
}
if (event.keyCode === 39) {
clearInterval(moveInterval);
speed /= 10;
moveInterval = setInterval(move, speed);
}
if (event.keyCode === 37) {
clearInterval(moveInterval);
speed *= 10;
moveInterval = setInterval(move, speed);
}
if (event.keyCode === 38) {
dw += 2;
body.style.background = 'repeating-linear-gradient( 90deg, white, white ' + dw + 'px, black '+ dw + 'px, black ' + dw*2+'px)'
body2.style.background = 'repeating-linear-gradient( 90deg, white, white ' + dw + 'px, black '+ dw + 'px, black ' + dw*2+'px)'
}
if (event.keyCode === 40) {
dw -= 2;
body.style.background = 'repeating-linear-gradient( 90deg, white, white ' + dw + 'px, black '+ dw + 'px, black ' + dw*2+'px)'
body2.style.background = 'repeating-linear-gradient( 90deg, white, white ' + dw + 'px, black '+ dw + 'px, black ' + dw*2+'px)'
}
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment