手记

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

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

Intro

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

  • Before

  • After

Start

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

Technology stack

Typescript
rollup
yarn
canvas API

Done

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

Todo

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

Review and issues

46人推荐
随时随地看视频
慕课网APP

热门评论

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

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

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

查看全部评论