js_撞球游戏
来源:互联网 发布:淘宝店铺招牌是哪里 编辑:程序博客网 时间:2024/06/07 07:29
小球在你的客户端浏览器不停地运动,碰到边缘后会反弹,基于此可以做出一些很小的网页游戏~
源码:
<html><head><title>撞球游戏</title><script language="javasript" type="text/javascript">function $(id){return document.getElementById(id);}//定两个方向var directX=1;//横向,初始化为1,表示增加var directY=1;//纵向var ballX=0;//小球坐标var ballY=0;var speed=1;//小球速度function move(){ballX+=speed*directX;ballY+=speed*directY;//修改var ball = $("ballDiv");ball.style.left=ballX+"px";ball.style.top=ballY+"px";//判断什么时候改变方向//offsetWidth可以返回当前这个对象的实际宽度if(ball.offsetWidth+ballX>=document.body.clientWidth||ballX<=0){directX= (-1) * directX;}if(ball.offsetHeight+ballY>=document.body.clientHeight||ballY<=0){directY = (-1) * directY;}}function speedUp(){speed++;}setInterval("move()",5);setInterval("speedUp()",10000);//每隔10秒加速</script></head><body style="background-image:url('background.jpg');"><div id="ballDiv" style="position:absolute;"><img src="ball.png"/></div></body></html>
0 0
- js_撞球游戏
- 撞球
- 撞球
- Canvas制作 撞球游戏 简单易学
- js_乌龟抓鸡游戏
- Cocos2d Box2D 开发Android下的 Breakout 撞球游戏
- Cocos2d Box2D 开发Android下的 Breakout 撞球游戏
- Js_“!!”
- 撞球物理
- 韩顺平 javascript教学视频_学习笔记30_小球撞球游戏
- 开源HTML5游戏引擎Kiwi.js_安装使用
- uva 10387 Billiard 几何 撞球
- js_基础
- Js_事件
- js_乱七八糟
- JS_动画
- JS_中的||
- Js_动画
- LoadRunner解决动态验证码问题
- FFmpeg API
- A/B
- Android SlidingMenu Demo 环境搭建
- 现代操作系统学习笔记——分页存储
- js_撞球游戏
- Cocos2dx场景切换效果汇总
- 从一道百度面试题到分析输入url到页面返回的过程(或者查询返回过程)
- Romantic
- H面试程序(0):字符串一些常用函数的实现
- hibernate 中的hql 语句累积
- HDU 1009 需要细心的题
- android 打开 ppt pptx doc docx xls xlsx pdf office 文档
- Ubuntu的学习shutdown联想到Android 的进程守护