Chrome小恐龙——序言

Chrome小恐龙——序言

小恐龙

​ 之前学canvas的时候跟着逐影大佬的教程仿写了一下Chrome小恐龙,现在复习一下,此处附上逐影大佬博客,以下是我对此次仿写的感悟以及部分知识的补充,再不写就要烂在仓库了。

image-20230905212824158

本节主要说一下起始条件和简单的函数分类。

条件

如果你想仿写Chrome小恐龙,需要具备以下条件:

  • 学过HTML,CSS,JavaScript三件套(最好对JavaScript有较深的了解,学过ES5以及之后的一些知识、了解JS原型链等等并且用此写过代码
  • 对Canvas有所了解(最起码速成过一遍
  • 带着一颗脑子(十分重要,doge

OK,如果不具备上述条件的就可以去学习了。

分类

这里直接照抄逐影大佬的,主要包括五个构造函数:

  • 游戏逻辑控制函数Runner
  • 背景管理函数Horizon
    • 地面 (HorizonLine)
    • 云朵 (Cloud)
    • 昼夜更替 (NightMode)
    • 障碍物 (Obstacle)
  • 霸王龙函数Trex
  • 分数记录函数DistanceMeter
  • 游戏结束操作面板函数GameOverPanel

我在写的过程中将Horizon函数的四部分分成了四个文件,同时也是四个构造函数,如果有不足还望各位大佬指出。

教程以及源码地址

​ 再次感谢并附上逐影大佬博客

​ 本人仿写小恐龙github地址:https://github.com/xiaomougui/dino.git

欢迎大家对我的代码进行测试和评价!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

命中不缺狗——

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值