HTML5移动的代码,HTML_HTML5实现一个能够移动的小坦克示例代码，复制代码代码如下: !DOCTYPE h

HTML5实现一个能够移动的小坦克示例代码

复制代码代码如下:

您的浏览器不支持canvas标签

var canvas1=document.getElementById('tankMap');

var ctx=canvas1.getContext('2d');

var myX=30;

var myY=30;

function 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();

function changeDirect(){

var code=event.keyCode;

switch(code){

case 87:

myY--;

break;

case 68:

myX++;

break;

case 83:

myY++;

break;

case 65:

myX--;

break;

}

ctx.clearRect(0,0,500,300);

//重新绘制

drawBall();

}

HTML5移动的代码,HTML_HTML5实现一个能够移动的小坦克示例代码，复制代码代码如下: !DOCTYPE h - phpStudy...相关推荐

HTML5移动的代码,HTML5实现一个能够移动的小坦克示例代码
复制代码代码如下: 您的浏览器不支持canvas标签 var canvas1=document.getelementbyid('tankmap'); var ctx=canvas1.getcontex ...
html文字阴影php,HTML_html5文字阴影效果text-shadow使用示例，复制代码代码如下: !DOCTYPE h - phpStudy...
html5文字阴影效果text-shadow使用示例复制代码代码如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona ...
html怎么写分享代码,怎么写一个文件分享网页？百度一键分享按钮HTML代码
怎么写一个文件分享网页?首先一个基本的网页包含主要的哪些就不说了,下面直接上关键的代码即可,把他放到需要的地方即可.下面一起来看看吧. 百度一键分享按钮HTML代码下面是需要加分享按钮的css代码 ...
php隐藏指定id的div,CSS_纯css3显示隐藏一个div特效的具体实现，复制代码代码如下: !DOCTYPE H - phpStudy...
纯css3显示隐藏一个div特效的具体实现复制代码代码如下: #showDiv { background-color:red; width:300px; height:300px; display: ...
html5 实现人物移动,HTML5实现一个能够移动的小坦克
您的浏览器不支持canvas标签 var canvas1=document.getElementById('tankMap'); var ctx=canvas1.getContext('2d'); v ...
Pbidea库关于PB核心代码保护的一个方案
Pbidea库关于PB核心代码保护的一个方案我们写程序,总是希望自己的代码不容易被别人破解,有一定安全性.尤其是用PB写CS程序,如果代码被pbkiller之类的工具轻易反编译了,数据连接等信息.加 ...
Python爬虫利用18行代码爬取虎牙上百张小姐姐图片
Python爬虫利用18行代码爬取虎牙上百张小姐姐图片下面开始上代码需要用到的库 import request #页面请求 import time #用于时间延迟 import re #正则表达式 ...
如何使用HTML5，CSS3和PHP创建一个联系表格
就个人而言,我觉得重要的是要注意的[积极]影响HTML5的形式和运作的方式,他们将在今后几年将有.实际上,我们无法实现所有的新功能,今天,但你不希望要落后其他行业落后时,这些功能最终成为广泛支持. ...
神级程序员8000行css代码画出一个蒙娜丽莎，堪比达芬奇！
代码画出的蒙娜丽莎今天逛CODEPEN找HTML5动画案例的时候,偶尔看到一位神级大师的作品,用纯CSS代码画出一副蒙娜丽莎,虽然分辨率不高,但是仍然让我很是震撼,一看代码,整整8000行,基本一行 ...

HTML5移动的代码,HTML_HTML5实现一个能够移动的小坦克示例代码，复制代码代码如下: !DOCTYPE h - phpStudy...

HTML5移动的代码,HTML_HTML5实现一个能够移动的小坦克示例代码，复制代码代码如下: !DOCTYPE h - phpStudy...相关推荐

最新文章

热门文章