Diferència entre revisions de la pàgina «Ejm gamepad»
De wikiserver
(Es crea la pàgina amb «<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #bola{ width:100px; height: 10...».) |
|||
| Línia 1: | Línia 1: | ||
| + | <source lang="html"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="en"> | <html lang="en"> | ||
| Línia 77: | Línia 78: | ||
</body> | </body> | ||
</html> | </html> | ||
| + | </source> | ||
Revisió de 21:49, 24 oct 2017
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#bola{
width:100px;
height: 100px;
background-color:red;
position: relative;
top:0px;
left: 0px;
}
</style>
<script type="text/javascript">
var b=1;
var a=1;
var botones;
function gameLoop() {
if(navigator.webkitGetGamepads) {
var gp = navigator.webkitGetGamepads()[0];
} else {
var gp = navigator.getGamepads()[0];
}
if(gp.axes[0] < -0.8) {
a -= 1;
} else if(gp.axes[0] > 0.8) {
a += 1;
} else if(gp.axes[1] < -0.8) {
b -= 1;
} else if(gp.axes[1] >0.8) {
b +=1;
}
document.getElementById("bola").style.left = a*20 + "px";
document.getElementById("bola").style.top = b*20 + "px";
var botones=gp.buttons;
if(botones[0].pressed){
//alert("Boton A");
document.getElementById("texto").innerHTML="A";
}
if(botones[1].pressed){
//alert("Boton B");
document.getElementById("texto").innerHTML="B";
}
if(botones[2].pressed){
//alert("Boton X");
document.getElementById("texto").innerHTML="X";
}
if(botones[3].pressed){
//alert("Boton Y");
document.getElementById("texto").innerHTML="Y";
}
};
setInterval(gameLoop,100);
</script>
</head>
<body>
<div id="bola"> </div>
<div id="texto"></div>
</body>
</html>
