安科网

Canvas 实现一个简单的贪吃蛇

bertZuo

bertZuo

2019-06-29

关注 关注

Intro

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

  • Before

Canvas 实现一个简单的贪吃蛇

  • After

Canvas 实现一个简单的贪吃蛇

Canvas 实现一个简单的贪吃蛇

Start

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

Technology stack

Typescript
rollup
yarn
canvas API

Done

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

Todo

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

Review and issues

github源码
关注我

移动互联网终端 canvas 贪吃蛇

bertZuo

bertZuo

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

TensorFlow推出新接口，简化 ML移动端开发流程

在移动设备上使用 TensorFlow Lite 模型运行推理不仅仅是与模型交互，还需要额外的代码来处理复杂的逻辑，如数据转换、预处理/后处理、加载关联文件等。今天，我们将为大家介绍TensorFlow Lite Task Library，这是一组功能强大

ghjk0 2020-09-24

移动前端开发和Web前端开发的区别是什么？

前端这门技术，从诞生发展至今不过寥寥十余年。如果说前十年是 PC 前端的时代，那后十年一定是属于移动前端的时代。特别是随着网络制式的发展，移动设备在全球范围内得到了空前的普及，在前端领域，Hybird Web、React Native、Weex、Flutt

PncLogon 2020-09-24

Web前端和后端的区别是什么？如何区分？

从前端和后端两者工作内容和负责项目是完全不同。前后端开发的相似点：函数式编程、模块化思想、分层思想、单元测试、lint、assert 方法、日志、声明式和命令式的实践经验、数据处理的本质实践与思考、部分库的使

杏仁技术站 2020-09-18

达摩院公布语音AI新进展：移动端也能实现逼近真人的语音交互体验

9月18日，在2020云栖大会上，达摩院公布了语音AI技术的最新突破：端上语音识别和语音合成能力首次达到媲美云端的水平，这意味着未来个人用户在移动终端即可轻松体验逼近真人的语音技术。据介绍，达摩院最新的语音技术已在淘宝直播、钉钉会议、高德导航等场景大规模应

AI人工智能 2020-09-18

移动端交互输出文档应该怎么写？来看高手的分析！

作为一个交互设计师。交互设计师通过从产品经理或者其他需求发起方那里了解需求生产的业务背景，了解为什么要做这个需求。在我们实际工作的大部分情况下，产品经理是不会在需求文档中将业务背景写清晰，这时候我们交互设计师就可以将业务背景在交互文档中输出，并清晰的展示出

木叶 2020-09-11

JavaScript启动性能瓶颈分析与解决方案

在 Web 开发中，随着需求的增加与代码库的扩张，我们最终发布的 Web 页面也逐渐膨胀。不过这种膨胀远不止意味着占据更多的传输带宽，其还意味着用户浏览网页时可能更差劲的性能体验。浏览器在下载完某个页面依赖的脚本之后，其还需要经过语法分析、解释与运行这些步

淼寒儿 2020-09-09

移动端跨平台技术之下的变与不变

跨 Native 与 Web：商品详情页等要求有一套功能差不多的 Web 页能够在端外访问，需要跨 Native App 与 Web. 容器化 Native 跨端：将 Native App 改造成标准化的容器，进而允许一套代码跨多端标准容器运行，如 Rea

一青年 2020-08-13

前端入门教程---从0开始手把手教你学习PC端和移动端页面开发第9章FlexBox实战有路网

<input type="text" class="input" placeholder="书名" /><input

JackyCan 2020-08-13

移动端布局单位介绍之rem

首先先将几个主要概念讲一下；移动端故名思义是为移动终端，大名叫移动通信终端，是指可以在移动中使用的计算机设备。其实就是我们常说的手机。前端开发中布局是将主要的html结构布置好。rem是一种长度单位，是而且仅是根据根元素html改变的长度单位。Root e

JKjiang 2020-07-30

【移动端】用Cordova将vue项目打包成app

最近项目用hbuilderx打包web项目为app，发现经常有闪退的问题，尝试改用其他工具打包，以下是实验步骤。下载Android Studio，File=>Settings=>Android SDK，勾选右下角Show Package Det

malonely 2020-07-20

【测试-移动端】 聊聊手机端的测试

2019年9月底入职一家专门做手机的大公司，而测试内容特别简单，就是按照用例，然后刷机刷到需要测试的版本，发现问题后，主要在JIRA上面提交bug。比较考验英文能力。本来以为是测试手机端，却没曾想是测试手机。说是硬件测试吧，但好像不是，说是软件吧，感觉也就

加油奋斗吧 2020-07-04

LR.NET快速开发平台初体验，功能足够用，UI是亮点

通常，软件开发对功能的需求要高于UI，这就导致很多的软件平台在UI的设计上跟不上功能升级的步伐，无论是出于成本控制的考虑还是对前端页面的刻意弱化，在体验上都会有一定的缺陷，因此一个合格的软件除了在功能上进行完善之外，还要在前端的UI交互上要足够友好。

quanquanxiu 2020-06-16

iPhone 11 训练神经网络的开源项目火了，准确率可与 i7 MacBook Pro 持平

前几天有人发布了一个可以在 iOS设备上直接训练神经网络的开源项目MNIST-CoreML-Training，引起热议。项目使用 MNIST 手写数字数据集部署图像分类模型，不需要在其他 ML框架中训练，而是基于 Core ML直接本地训练出一个卷积神经网

樱花落瓣 2020-06-01

快速搞定APP移动端自动化测试

什么又是数据驱动？经常有人会搞不明白他们的关系，浅谈一下个人的理解，先来看两个测试中最常见的场景：

lucialee 2020-05-28

移动端APP自动化测试超全基础汇总

1.Unittest框架　　2.数据驱动DDT　　3.行为驱动Lettuce　　4.关键字驱动Robot Framework　　5.测试报告管理　　6.邮件服务管理

ITstudied 2020-05-17

阿里P8架构师谈：应用后端+移动端的性能优化指标，以及性能优化方法

应用性能是产品用户体验的基石，性能优化的终极目标是优化用户体验。当我们谈及性能，最直观能想到的一个词是“快”，Strangeloop在对众多的网站做性能分析之后得出了一个著名的3s定律“页面加载速度超过3s，57%的访客会离开”,可见页面加载速度对于互联网

yuanxiaogang 2020-05-07

移动端列表查询最佳实践

无论是 pc 端还是移动端，无可避免都会涉及到列表查询有关的操作，但对于这两种不同的设备，其列表查询的最佳处理方式也是完全不同。对于 pc 端列表查询来说，前端通常是给与服务端当前需要获取的数据量以及所需要获取数据的位置作为查询条件。然后服务端然后返回数据

前端学习笔记 2020-05-05

07、移动调试和终端检测

2020-3-18 11:1:26 - info: Vorlon.js PROXY listening at 0.0.0.0:5050. 需要用到上面的最后一个端口，浏览器地址栏输入。手机连接到电脑同一个局域网。//检测出移动端就跳转移动端，pc端就

aaLiweipeng 2020-04-18

【Appium学习】

原生App实际就是我们所常见的传统App开发模式，云端数据存储+App应用客户端。App应用客户端，包含了所有的UI元素、框架逻辑等。Appium最牛之处在于支持跨平台操作。Appium既然是基于Selenium做的二次扩展，那么Appium也是一个经典的

owilson 2020-04-16

力软706源码，Learun力软快速开发平台框架源码

由于框架的灵活性、普适性，以及优质的性价比，在开发中所付出的成本远远低于单独购买OA系统的成本，且后期可以根据自己所获得的核心源码进行其它相关系统的开发，并可以申请著作权，将信息化建设的自主权牢牢掌握在自己手中。

xiangnan0 2020-04-15
bertZuo

bertZuo

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号