继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

CANVAS 实现一个特别简单的贪吃蛇

微积分2016
关注TA
已关注
手记 6
粉丝 43
获赞 299

CANVAS 贪吃蛇(键盘控制运动)

Intro

点击预览
在之前的代码风格,和样式上做了大调整,如下图,主要是美化了移动端

  • Before

before-pc

  • After

poster

snake-game-pc

Start

移动端:中间的圆点按钮是重新开始,周围的方向按钮和游戏手柄操作一样
web端:键盘方向键控制

Technology stack

Typescript
rollup
yarn
canvas API

Done

本次得分
历史最高分
移动端、web端适配

Todo

蛇的样式美化
游戏设置障碍物

Review and issues

打开App,阅读手记
46人推荐
发表评论
随时随地看视频慕课网APP

热门评论

我怎么做不出来啊 只显示了贪吃蛇 上下左右控制 得分 最高分 重新开始 和一个框架 里面什么都没有

厉害了,我的世界观有种被这些代码开挂的感觉

真的很有意思啊,没想到还能这样玩

查看全部评论