10.14 brid
<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相关推荐
- 七周三次课(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 ...
- 电动力学每日一题 2021/10/14
电动力学每日一题 2021/10/14 (a) Define r∣∣=xx^+yy^\textbf r_{||}=x\hat x+y\hat yr∣∣=xx^+yy^, r∣∣=x2+y2r_{| ...
- 七周三次课(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语法 ====== ...
- 直击CVPR2017:商汤科技打造技术盛宴23篇论文刮起中国风 By 机器之心2017年7月25日 10:14 近日,CVPR2017 在夏威夷如火如荼地进行,作为全球计算机视觉顶级会议,CVPR
直击CVPR2017:商汤科技打造技术盛宴23篇论文刮起中国风 By 机器之心2017年7月25日 10:14 近日,CVPR2017 在夏威夷如火如荼地进行,作为全球计算机视觉顶级会议,CVPR 堪 ...
- macOS Mojave Version 10.14 新系统字体问题和修改MAC中Launchpad启动器图标行列的数量
原文:https://www.jianshu.com/p/c4a490775535 原文: macOS Mojave Version 10.14 新系统字体问题 and other 补充: 未知开发者 ...
- linux notepad 安装教程,Ubuntu 15.04/14.10/14.04下安装和卸载Notepad++(notepadqq)
Ubuntu下的Notepad++也就是notepadqq,比较适合刚从Windows平台转移到Linux平台的用户使用,如果你一直在Windows下使用的是nodepad++,那么推荐你在Linux ...
- Java黑皮书课后题第10章:*10.14(MyDate类)设计一个名为MyDate的类
黑皮书编程练习题10.14 题目 程序 代码 Test14.java Test14_MyDate.java Test5.java 运行 UML 题目 补:讨论的GregorianCalendar类来简 ...
- 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. ...
- brew 安装mysql5.6_MacOS 10.14安装和brew更新后无法安装mysql gem
在macOS 10.14安装Brew更新后,我的开发系统坏了. 我无法安装mysql gem.在尝试安装时,我得到: $gem install mysql -v '2.8.1' --source 'h ...
最新文章
- 对于注册中心,ZooKeeper、Eureka哪个更合适?
- html 组件化 编辑器,vue.js组件化使用百度富文本编辑器(一)
- 聊聊接口优化的几个方法
- Follow Me:CCIE RS--新版CCIE Routing Switching 考纲要点
- 如何使python print输出不换行
- Java进制转换示例
- 设置 Confluence 6 日志
- python程序设计基础教程答案山东联盟答案_Python程序设计基础 (山东联盟) 期末...
- 我的Go语言学习之旅六:做一个WIN的简单弹窗
- java中判断 101-200 之间有多少个素数,并输出所有的素数
- java搭建tcp客户端_【Java学习笔记】TCP客户端/服务器端
- Android关闭Activity
- hadoop报错 java home_hadoop的常见报错日志以及解决方案
- nginx ci index.php,CI在Nginx服务器上rewrite去掉index.php例子
- 数据流中的中位数 c语言,41 数据流中的中位数(时间效率)
- Vue.js 学习笔记 十 自定义按键事件
- 用R语言绘制动态地图,代码奉上!(REmap包详解)
- 如何使用SLM生成涡旋光束
- Linux系统之audit
- oracle 考试结果哪里查,oracle认证考试成绩查询的方法是怎样的?
热门文章
- 【机会】蘑菇街招聘DBA
- 无法使用命令/usr/bin/xdpyinfo自动检查显示器颜色
- A股全市场股票历史行情1分钟高频数据
- SAP-MM-PA精解分析系列之基本介绍(02) -组织架构
- LED发送卡使用什么软件调试,应该如何连接?
- SQL之exists、not exists
- qt:在linux系统下创建快捷方式桌面图标
- android 拦截点击事件,Android双击事件拦截方法
- vivo的Android版本功能,vivo用户让人羡慕!Android Q尝鲜升级教程,这三款机型提前体验...
- 困扰我一周左右的semver