旺旺不太旺的博客

首先我们先学习 canvas 的基本用法与属性 ! canvas就是 html5 提供的一个标签,他就是一个画布的作用, 可以用来通过js代码绘制的内容! canvas 默认的尺寸为 : 300 *150 ; 浏览器不兼容 canvas 的时候 ,canvas标签中的内容才会被显示出来 canvas 使用步骤: 1.获取到canvas 标签 2.获取到 当前canvas

window.requestAnimationFrame(); 这个方法是,HTML5 专门为js实现动画效果提供的一个函数!(推荐大家使用) setInterval 的劣势: 1.指定定时器的时间不准确  // 4ms /10ms 2.执行动画效果会造成性能的问题,如果页面中使用了多个定时器,每个定时器中都来操作dom元素,操作dom频繁了以后,会造成严重性能问题; 看性能

下面直接上飞鸟游戏代码: 非常简单的休闲游戏!代码写的马马虎虎,本篇是还未封装的,不够简洁,清晰,凑合看吧; 这是纯面向过程写的(生成管道时有个坑),在面向对象方式中已经解决了,我就不上传了; 游戏我已经上传到自己github静态服务器上面了; 想去玩一玩的可以登录 https://mrwrq.github.io/birds玩一玩哈,一个非常简单休闲的游戏! Document