html5 滚动小球
2013-11-14 21:51
357 查看
<html>
<head>
<meta charset="utf-8"/>
</head>
<body onkeydown="keydown()">
<canvas id="tankmap" width="500px" height="300px" style="background-color:black"></canvas>
</body>
</html>
<script>
var arcx=30;
var arcy=30;
var canvas=document.getElementById("tankmap");
canvas.width=window.screen.width;
canvas.height=window.screen.height;
var cxt= canvas.getContext("2d");
drawball();
function drawball(){
cxt.beginPath();
cxt.fillStyle="#BA9658"
cxt.arc(arcx,arcy,10,0,360,true);
cxt.closePath();
cxt.fill();
}
function keydown(){
//alert(event.keyCode);
cxt.clearRect(0,0,window.screen.width,window.screen.height);
arcx++;
arcy++;
drawball();
}
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Html5 小球键盘移动
- python 小游戏 滚动的小球
- HTML5 Canvas 视差滚动动画
- HTML5 屏蔽触屏滚动
- HTML5实现射击移动小球
- Flash 实验 滚动的小球
- 【使用Html5 CfxixiJS制作APP】如何用iscroll制作水平滚动的List布局
- 简单的HTML5音乐播放器(带歌词滚动)
- 做模态弹框的时候，防止背景滚动方法 移动端 html5
- html5页面点击和左右滑动页面滚动
- 初学UI之小球滚动代码
- 11个视觉差滚动效果的HTML5网站
- HTML5重力感应小球冲撞动画实现教程
- 碰撞的小球 HTML5
- HTML5商城开发一 楼层滚动加载数据
- html5和css3实现的3D滚动特效
- html5和css3实现的3D滚动特效
- HTML5 Canvas彩色小球碰撞运动特效
- Html5添加实用的仿Instagram头部固定跟随滚动特效插件教程
- html中滚动小球的demo