<script type="text/javascript">//让小鸟飞起来var game = document.getElementById('game');var idEl = document.getElementById('id');//以键值对的形式保存小鸟和背景的参数var sky = {x:0}var id = {speadX:5,speadY:0,x:idEl.offsetLeft,y:idEl.offsetTop}//判断游戏进程  需要一个状态值var running = true;// 定义定时器   是游戏背景移动setInterval(function(){if(running){sky.x -=5;game.style.backgroundPositionX= sky.x+'px';//实现小鸟上下移动//距离 = 时间*速度id.speadY +=1;id.y+=id.speadY;if(id.y<0){running = false;id.y=0;}//当小鸟的offsetTop +自身高度 大于背景高度 游戏停止 小鸟固定if(id.y+idEl.offsetHeight> 600){running = false;id.y = 600-idEl.offsetHeight;}idEl.style.top = id.y +'px';}},20)//点击文档小鸟实现向上运动document.onclick = function(){id.speadY = -15;}//创建管道的函数 function creatrPipe(position){//管道有很多参数  水平位置 自身高度  上下两根管子var pipe = {};//水平位置pipe.x = position;//上管的高度pipe.uHeight =200 + parseInt((Math.random()*100))// console.log(pipe.uHeight);//下管的高度pipe.dHeight =600 -pipe.uHeight-200;pipe.dTop = pipe.uHeight+200;//创建一个div var uPipe = document.createElement('div');uPipe.style.width = '52px';uPipe.style.height = pipe.uHeight +'px';uPipe.style.position='absolute';uPipe.style.top = '0px';uPipe.style.left= pipe.x+'px';uPipe.style.background ='url(images/pipe2.png) center bottom';game.appendChild(uPipe);}creatrPipe(400);</script>

10.14 brid相关推荐

  1. 七周三次课(11月29日) 10.11 Linux网络相关 10.12 firewalld和netfilter 10.13 netfilter5表5链介绍 10.14 iptables语法...

    2019独角兽企业重金招聘Python工程师标准>>> 10.11 Linux网络相关 ifconfig 查看网卡ip (yum install net-tools) 安装 -a   ...

  2. 电动力学每日一题 2021/10/14

    电动力学每日一题 2021/10/14 (a) Define r∣∣=xx^+yy^\textbf r_{||}=x\hat x+y\hat yr∣∣​=xx^+yy^​, r∣∣=x2+y2r_{| ...

  3. 七周三次课(1月24日) 10.11 Linux网络相关 10.12 firewalld和netfilter 10.13 netfilter5表5链介绍 10.14 iptables语法...

    七周三次课(1月24日) 10.11 Linux网络相关 10.12 firewalld和netfilter 10.13 netfilter5表5链介绍 10.14 iptables语法 ====== ...

  4. 直击CVPR2017:商汤科技打造技术盛宴23篇论文刮起中国风 By 机器之心2017年7月25日 10:14 近日,CVPR2017 在夏威夷如火如荼地进行,作为全球计算机视觉顶级会议,CVPR

    直击CVPR2017:商汤科技打造技术盛宴23篇论文刮起中国风 By 机器之心2017年7月25日 10:14 近日,CVPR2017 在夏威夷如火如荼地进行,作为全球计算机视觉顶级会议,CVPR 堪 ...

  5. macOS Mojave Version 10.14 新系统字体问题和修改MAC中Launchpad启动器图标行列的数量

    原文:https://www.jianshu.com/p/c4a490775535 原文: macOS Mojave Version 10.14 新系统字体问题 and other 补充: 未知开发者 ...

  6. linux notepad 安装教程,Ubuntu 15.04/14.10/14.04下安装和卸载Notepad++(notepadqq)

    Ubuntu下的Notepad++也就是notepadqq,比较适合刚从Windows平台转移到Linux平台的用户使用,如果你一直在Windows下使用的是nodepad++,那么推荐你在Linux ...

  7. Java黑皮书课后题第10章:*10.14(MyDate类)设计一个名为MyDate的类

    黑皮书编程练习题10.14 题目 程序 代码 Test14.java Test14_MyDate.java Test5.java 运行 UML 题目 补:讨论的GregorianCalendar类来简 ...

  8. centos 安装trace_前期的准备工作-MacOS Mojave 10.14.3 下安装CentOS 7及Bochs 002

    MacOS Mojave 10.14.3 下使用虚拟机安装CentOS 7 以及 Bochs 2.6.9 CentOS 7.6.1810 系统下 安装Bochs 2.6.9 1 下载CentOS 7. ...

  9. brew 安装mysql5.6_MacOS 10.14安装和brew更新后无法安装mysql gem

    在macOS 10.14安装Brew更新后,我的开发系统坏了. 我无法安装mysql gem.在尝试安装时,我得到: $gem install mysql -v '2.8.1' --source 'h ...

最新文章

  1. 对于注册中心,ZooKeeper、Eureka哪个更合适?
  2. html 组件化 编辑器,vue.js组件化使用百度富文本编辑器(一)
  3. 聊聊接口优化的几个方法
  4. Follow Me:CCIE RS--新版CCIE Routing Switching 考纲要点
  5. 如何使python print输出不换行
  6. Java进制转换示例
  7. 设置 Confluence 6 日志
  8. python程序设计基础教程答案山东联盟答案_Python程序设计基础 (山东联盟) 期末...
  9. 我的Go语言学习之旅六:做一个WIN的简单弹窗
  10. java中判断 101-200 之间有多少个素数,并输出所有的素数
  11. java搭建tcp客户端_【Java学习笔记】TCP客户端/服务器端
  12. Android关闭Activity
  13. hadoop报错 java home_hadoop的常见报错日志以及解决方案
  14. nginx ci index.php,CI在Nginx服务器上rewrite去掉index.php例子
  15. 数据流中的中位数 c语言,41 数据流中的中位数(时间效率)
  16. Vue.js 学习笔记 十 自定义按键事件
  17. 用R语言绘制动态地图,代码奉上!(REmap包详解)
  18. 如何使用SLM生成涡旋光束
  19. Linux系统之audit
  20. oracle 考试结果哪里查,oracle认证考试成绩查询的方法是怎样的?

热门文章

  1. 【机会】蘑菇街招聘DBA
  2. 无法使用命令/usr/bin/xdpyinfo自动检查显示器颜色
  3. A股全市场股票历史行情1分钟高频数据
  4. SAP-MM-PA精解分析系列之基本介绍(02) -组织架构
  5. LED发送卡使用什么软件调试,应该如何连接?
  6. SQL之exists、not exists
  7. qt:在linux系统下创建快捷方式桌面图标
  8. android 拦截点击事件,Android双击事件拦截方法
  9. vivo的Android版本功能,vivo用户让人羡慕!Android Q尝鲜升级教程,这三款机型提前体验...
  10. 困扰我一周左右的semver