Comentário: Acredito que todos já se tornaram conhecidos pela palavra HTML5, e suas funções são muito poderosas. Este artigo apresenta você a implementar um pequeno tanque que pode ser movido através dele. Os detalhes são os seguintes. Amigos que gostam de HTML podem se referir a ele.
<! Doctype html>
<html>
<head>
</head>
<corpo onkeydowndown = "alteração ()">
<Canvas> Seu navegador não suporta a etiqueta de tela </lvas>
<script type = "text/javascript">
var Canvas1 = document.getElementById ('TankMap');
var ctx = canvas1.getContext ('2D');
var myx = 30;
var myy = 30;
função drawball () {
ctx.shadowblur = 30, ctx.shadowcolor = "#008c46";
ctx.fillstyle = '#008C46';
ctx.fillrect (myx, myy, 5,30);
ctx.fillrect (myx+17, myy, 5,30);
ctx.fillrect (myx+6, myy+5,10,20);
ctx.BeginPath ();
ctx.fillstyle = '#004020';
ctx.arc (myx+11, myy+15,5,0, math.pi*1.5);
ctx.closePath ();
ctx.fill ();
ctx.strokstyle = "#008C46";
ctx.moveto (myx+11, myy+15);
ctx.lineto (myx+11, myy-5);
ctx.stroke ();
}
drawball ();
função alterações serem () {
var code = event.KeyCode;
Switch (código) {
Caso 87:
myy--;
quebrar;
Caso 68:
myx ++;
quebrar;
Caso 83:
myy ++;
quebrar;
Caso 65:
myx--;
quebrar;
}
ctx.clearrect (0,0,500.300);
// repintar
drawball ();
}
</script>
</body>
</html>