弹力球实例

*{

margin: 0;

padding: 0;

}

body{

background-color: #E8F8F8;

}

img{

width:50px;

height: 50px;

position: absolute;

top: 0px;

left: 0px;

}

window.οnlοad=function(){

var clientwidth=document.documentElement.clientWidth;

var clientheight=document.documentElement.clientHeight;

document.body.style.width=clientwidth;

document.body.style.height=clientheight;

var x=0;

var y=3;

var e=0;

var r=3;

var flog=true;

var flag=true;

var imgbox=document.getElementById("img");

function run(){

imgbox.style.top=x+‘px‘;

imgbox.style.left=e+‘px‘;

}

var set=setInterval(function(){

//方法一

if(x

x+=y;

}else{

flog=false;

x-=y;

if(x==0){

flog=true;

}

}

if(e

e+=r;

}else{

flag=false;

e-=r;

if(e==0){

flag=true;

}

}

// 方法二

// x+=y;

// e+=r;

// if(x>clientheight-imgbox.offsetHeight){

// x=clientheight-imgbox.offsetHeight;

// y=-y;

// }

// if(x<0){

// y=-y;

// }

// if(e>clientwidth-imgbox.offsetWidth){

// e=clientwidth-imgbox.offsetWidth;

// r=-r;

// }

// if(e<0){

// r=-r;

// }

run();

},1);

}

html弹力球游戏源码,js版弹力球实例相关推荐

  1. 飞行熊猫游戏源码android版

    这款游戏是前一段时间完成的一个项目,飞行熊猫游戏源码android版,飞行熊猫基于cocos2d游戏引擎开发,包括了谷歌admob广告支持,没有任何版权问题,大家可以自由修改和上传应用商店. 1.本游 ...

  2. 分享一款最近比较火爆的宝石迷情游戏游戏源码安卓版

    这个是本人上几个月的一个作品,该作品我已经发布到安卓教程网了,现在分享这款宝石迷情游戏游戏源码安卓版吧,这是一款经典的宝石迷情小游戏源码宝石迷情是一款跨平台的宝石消除类游戏,和之前的宝石类消除游戏不同 ...

  3. 3D飞镖游戏源码ios版

    一款ios 3D飞镖游戏源码,通过物理引擎和重力感应来控制飞镖向目标物体击中!游戏比较简单,可以学习一下3D游戏的基本开发. 源码下载: http://code.662p.com/view/6262. ...

  4. html弹力球游戏源码,Flash游戏制作:弹力球

    二.游戏action控制代码的添加 1.为了方便我们对游戏进行修改和调试,我们一般都需要把大部分的控制代码专门放到一个独立的mc中,这也是一个制作的好习惯. 2.选取insertànew symbol ...

  5. 类似蚂蚁森林html5游戏源码,js仿照 蚂蚁森林 效果

    如图js仿照 蚂蚁森林 效果 css ** 葫芦籽动画效果 */ /* animation */ .a-swing{-webkit-animation:1s ease;-moz-animation:1 ...

  6. html5 canvas简易版捕鱼达人游戏源码

    插件描述:html5利用canvas写的一个js版本的捕鱼,有积分统计,鱼可以全方位移动,炮会跟着鼠标移动,第一次打开需要鼠标移出背景图,再移入的时候就可以控制炮的转动,因为是用的mouseover触 ...

  7. 《游戏学习》| 水果忍者HTML5网页版在线游戏 | 源码分析

    游戏介绍 这是一款由百度JS小组提供的HTML5版切水果游戏,这款基于HTML5实现的网页版切水果游戏虽然和原版的切水果游戏相比仍有美中不足之处,但也算有声有色,画面效果也十分炫目华丽. 游戏截图 主 ...

  8. 网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码

    网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码 完整代码下载地址:网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码 核心代码 <!DOCTYPE html> <html> ...

  9. 飞机大战HTML5游戏源码,基于Canvas制作的网页版飞机大战游戏+飞机大战手机端

    简介: 飞机大战HTML5游戏源码是一款基于Canvas制作的网页版飞机大战游戏,画质精美的飞机大战手机端游戏源码 网盘下载地址: http://kekewangLuo.net/W1S2LQcqAT2 ...

最新文章

  1. 互联网协议 — 数据交换技术
  2. Android AsyncTask简单用法
  3. 关于js优化和css优化
  4. 旧 WCF 项目迁移到 asp.net core + gRPC 的尝试
  5. 服务器u8系统数据库不存在,用友u8服务器端数据库不装
  6. poj 1250 解题(链表法)
  7. html5media 网页播放视频,html5media 在IE8播放视频黑屏
  8. wex5部署教程到数据库
  9. html5 canvas签字,HTML5 canvas实现电子签名
  10. 科技社计算机部长竞选演讲稿,护理组长竞聘演讲稿_计算机专业组长竞聘演讲稿范文...
  11. Unity 动态修改鼠标指针
  12. US Domain Center 域名抢注服务
  13. 软件建模与分析--共享单车管理系统
  14. 一:log4j2配置文档
  15. 软件测试工程师面试套路和暗语灵魂解密(面试官看到一定会打我)
  16. HTML5游戏开发高级教程 | Lynda教程 中文字幕
  17. 三菱DPLSR无故不执行问题
  18. 关于ch340驱动安装
  19. 从 12K 到 60K, 这 2023Java 研发必问高级面试题,过关斩将拿 offer
  20. 【原创开源】网络版二代双通道示波器开源发布,支持电脑,手机和Pad等各种OS平台访问...

热门文章

  1. 数据结构复习-基础、线性表、栈、队列、串
  2. UltraEdit+注册机+激活方法全攻略(亲测有效)
  3. LLVM之父Chris Lattner:模块化设计决定AI前途,不服来辩
  4. fvm操作多个flutter的安装和使用教程
  5. css 微信红包,用React加CSS3实现微信拆红包动画
  6. 2021年R2移动式压力容器充装证考试题库及压力容器作业R2移动式压力容器充装试题解析
  7. jquery easyui Tree API
  8. 一位程序员的一个LBS应用的想法
  9. 基于android停车管理app,基于Android的城市智能停车APP设计与研究
  10. SAP采购中无限制超量交货和收货时的建议所有项的控制逻辑分析测试