如何制作flappy bird resume版本

Posted 2021-03-13 奋斗中的菲比

 

 

参考：https://www.cnblogs.com/wuhaozhou/p/5800788.html

javascript 学习：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

为了写简历：https://medium.com/free-code-camp/writing-a-killer-software-engineering-resume-b11c91ef699d

-Developed flappy bird game using javascprit allow users using easliy space and click complished the bird fly

- Implements movement of objects (sky, land, bird, pipes) using some Physical knowledge and mathematical formulas 

-Realize the visualization of the game using canvas technology

-Using an object-oriented approach, where concrete objects are created using constructors, and methods are put into the original object of the constructor.

-Added some technical optimizations where the bird will click, fly up, or sprint down as it goes up and down

-Utilized : JavaScript,Canvas,WebStorm for IDE

(https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)

 

 

难点：

 

小鸟对象 （哪张小鸟图片，小鸟在哪）

而这只鸟其实是根本不会飞的……所以玩家每点击一下小鸟就会飞高一点，不点击就会下降，玩家必须控制节奏，拿捏点击屏幕的时间点

1.小鸟煽动翅膀 ：每隔一个很小的时间单位更新鸟的图片 （一共三种）

2.小鸟的下落 ： 其实是不停的刷新小鸟在坐标轴上y的位置，而x的位置是不变的

3.小鸟的旋转：低头飞翔 加速冲刺

 

 

管道的绘制

1.管道有上下两个柱子，中间间隔150.

（x,this.r-420）是上面柱子的左上角坐标 柱子高度420     （  x,this.r+150） 是下面柱子的左上角坐标