當前位置 : 主頁 > 網頁制作 > html5 >

html5彈跳球示例代碼

來源:互聯網 作者:佚名 時間:07-23 17:49:43
點評:彈跳球使用html5實現,不必驚訝,使用html5完全可以實現,具體的截圖及代碼如下,感興趣的朋友可以參考下哈,希望對大家有所幫助
 

復制代碼
代碼如下:

<html>
<head>
<meta charset=utf-8>
<title>跳跳球</title>
<script>
//box
var box_x=0;
var box_y=0;
var box_width=300;
var box_height=300;
//注意:定位球采用球的中心
var ball_x=10;
var ball_y=10;
var ball_radius=10;
var ball_vx=5;
var ball_vy=3;
var box_bound_left=box_x+ball_radius;
var box_bound_right=box_x+box_width-ball_radius;
var box_bound_top=box_y+ball_radius;
var box_bound_bottom=box_y+box_height-ball_radius;
//ball
//context
var ctx;
function init()
{
ctx=document.getElementById('canvas').getContext('2d');
ctx.lineWidth=ball_radius;
ctx.fillStyle="rgb(200,0,50)";
move_ball();
setInterval(move_ball,100);//note
}
function move_ball()
{
ctx.clearRect(box_x,box_y,box_width,box_height);
move_and_check();
ctx.beginPath();
ctx.arc(ball_x,ball_y,ball_radius,0,Math.PI*2,true);
ctx.fill();
ctx.strokeRect(box_x,box_y,box_width,box_height);
}
function move_and_check()
{
var cur_ball_x=ball_x+ball_vx;
var cur_ball_y=ball_y+ball_vy;
if(cur_ball_x<box_bound_left)
{
ball_vx=-ball_vx;
cur_ball_x=box_bound_left;
}
if(cur_ball_x>box_bound_right)
{
ball_vx=-ball_vx;
cur_ball_x=box_bound_right;
}
if(cur_ball_y<box_bound_top)
{
ball_vy=-ball_vy;
cur_ball_y=box_bound_top;
}
if(cur_ball_y>box_bound_bottom)
{
ball_vy=-ball_vy;
cur_ball_y=box_bound_bottom;
}
ball_x=cur_ball_x;
ball_y=cur_ball_y;
}
</script>
</head>
<body onLoad="init()">
<canvas id="canvas" width="400" height="400"/>
</body>
</html>

Tag:HTML5   HTML5  
上一篇:沒有了
下一篇:沒有了
網友評論
乐盈在线彩票 仲巴县 | 瑞昌市 | 通河县 | 庄浪县 | 武冈市 | 绥芬河市 | 田林县 | 浠水县 | 万载县 | 昌图县 | 肥东县 | 高密市 | 昌吉市 | 平南县 | 安泽县 | 同德县 | 金门县 | 西青区 | 禄劝 | 明水县 | 醴陵市 | 南充市 | 聂荣县 | 墨脱县 | 彝良县 | 田林县 | 桂林市 | 皋兰县 | 济阳县 | 友谊县 | 杂多县 | 新乡县 | 锡林浩特市 | 泰来县 | 白玉县 | 海门市 | 渝北区 | 平阴县 | 景泰县 | 平定县 | 新兴县 | 湘阴县 | 汉源县 | 华坪县 | 石棉县 | 高邮市 | 西贡区 | 通城县 | 左权县 | 夏河县 | 奉化市 | 丹东市 | 刚察县 | 杨浦区 | 罗甸县 | 崇信县 | 探索 | 峨边 | 灵武市 | 辛集市 | 遵化市 | 阜城县 | 上栗县 | 莱芜市 | 灌南县 | 台中市 | 罗田县 | 大连市 | 蒲城县 | 武川县 | 桂阳县 | 尼勒克县 | 龙山县 | 祁连县 | 商南县 | 二手房 | 刚察县 | 鄂托克前旗 | 隆安县 | 南木林县 | 古丈县 | 东阳市 | 崇阳县 | 绥芬河市 | 分宜县 | 东港市 | 乡城县 | 新昌县 | 报价 | 阳山县 | 晋城 | 扶风县 | 太仆寺旗 | 巨鹿县 | 平乡县 | 阿图什市 | 秭归县 | 巴南区 | 沙洋县 | 公主岭市 | 北辰区 | 水富县 | 即墨市 | 克东县 | 当阳市 | 九龙县 | 合水县 | 太仆寺旗 | 静海县 | 东宁县 | 于都县 | 金门县 | 龙江县 | 阿克 | 宜昌市 | 淮安市 | 民勤县 | 乡城县 | 吉林省 | 西乌 | 卓资县 | 久治县 | 南开区 | 方正县 | 淳安县 | 霍邱县 | 永寿县 | 温宿县 | 昌宁县 | 百色市 | 海安县 | 大荔县 | 巢湖市 | 浙江省 | 仁布县 | 肇东市 | 尉氏县 | 泽库县 | 汤原县 | 岳阳县 | 开远市 | 永靖县 | 尖扎县 | 长白 | 丰都县 | 会理县 | 汶川县 | 新野县 | 桐乡市 | 巴楚县 | 红原县 | 江山市 | 酒泉市 | 临江市 | 元江 | 乌拉特后旗 | 建水县 | 平舆县 | 玉屏 | 永济市 | 德州市 | 冕宁县 | 大英县 | 呈贡县 | 耒阳市 | 信丰县 | 农安县 | 福海县 | 通城县 | 高尔夫 | 英德市 | 双辽市 | 安陆市 | 大理市 | 杭锦后旗 | 扶绥县 | 奈曼旗 | 南昌县 | 诸城市 | 武隆县 | 文山县 | 亚东县 | 扶绥县 | 鄱阳县 | 石楼县 | 白朗县 | 衡阳县 | 开原市 | 西昌市 | 东宁县 | 同仁县 | 依兰县 | 桐柏县 | 富宁县 | 恭城 | 新营市 | 鄂托克前旗 | 上杭县 | 宜黄县 | 邳州市 | 乌兰察布市 | 沽源县 | 凤城市 | 乐都县 | 湘潭市 | 侯马市 | 福泉市 | 洪泽县 | 南充市 | 昭苏县 | 海安县 | 望城县 | 西昌市 | 巴楚县 | 衡水市 | 阳城县 | 泽州县 | 大化 | 潮州市 | 孟州市 | 桦川县 | 环江 | 兴山县 | 穆棱市 | 谢通门县 | 肥东县 | 轮台县 | 牡丹江市 | 南岸区 | 灵丘县 | 固镇县 | 禹城市 | 古丈县 | 来凤县 | 辉县市 | 都昌县 | 盖州市 | 台南县 | 都兰县 | 资兴市 | 东港市 | 芒康县 | 慈利县 | 科技 | 常熟市 | 勐海县 | 舟山市 | 桃源县 | 普格县 | 安多县 | 墨脱县 |