码迷,mamicode.com
首页 > 移动开发 > 详细

如何制作flappy bird resume版本

时间:2020-01-31 18:58:39      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:tps   obj   webstorm   crete   ocs   print   click   canvas   amp   

技术图片

 

 

参考: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) 是下面柱子的左上角坐标

 

如何制作flappy bird resume版本

标签:tps   obj   webstorm   crete   ocs   print   click   canvas   amp   

原文地址:https://www.cnblogs.com/ldphoebe/p/12246004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!