当前位置: 首页 > 网络应用技术

Chrome中的小恐龙是如何做到的?

时间:2023-03-06 15:13:40 网络应用技术

  我不知道您在使用Chrome浏览器时是否玩过这样的恐龙游戏:

  这款404个迷你游戏是由Google Chrome UX团队于2014年开发的。该游戏嵌入了Google浏览器中后,它已受到用户的好评,甚至每月可以拥有2.7亿场游戏。

  小恐龙跑酷游戏的图片很简单,游戏很简单。玩家只需要操作小恐龙即可跳过沙漠中随机出现的仙人掌,当小恐龙闯入仙人掌时,这意味着这意味着游戏结束了游戏。

  作为网络游戏,可以在Limply.code中使用html + CSS + JavaScript实现小恐龙游戏:https://179f555890e-shre.liptly.teamcode.com

  该游戏的操作逻辑可能比预期的要简单。尽管图片中的小恐龙正在看跑步,但他实际上只是上下跳跃。实际上,它是一个带有随机仙人掌的画布。顶部和底部的两个键。

  定位小恐龙和地面

  在让小恐龙运行之前,我们需要在游戏画布中找到小恐龙,并修复小恐龙出现的地方。在同一时间,我们还需要修复地面的位置,让程序知道该计划是哪个土地被踩踏。

  实施地面运动

  如前所述,游戏中的小恐龙实际上正在跳跃,因此我们只需要无限地通过功能滚动地面即可。

  让小恐龙跳起来

  Setgravityy将增加对小恐龙的重力,在这里增加了5000;如果未设置setColliderWorldbounds,那么小恐龙将忽略地面,直接落在屏幕外面,嘿。

  最后,增加控制。每当我们按空间键时,小恐龙都会以每秒1600的速度上升,也就是说,以抵消那秒的某些重力并达到跳跃效果。

  最后,自然而然地,再加上1亿点细节,让恐龙达到跑步效果,并添加不同类型的仙人掌,这使小恐龙穿越沙漠的过程并不那么无聊。

  查看完整的小恐龙源代码:https://179f555890e-share.lightly.teamcode.com

  如何打开和编辑其他人与其他人共享的项目?

  轻轻 - 新一代HTML + CSS + JavaScript IDE

  原始:https://juejin.cn/post/7099748065272869