本文将简单实现一个canvas游戏，总共逻辑一共才几百行，但是能学到很多通用2d的游戏基础。 对于普通的Canvas游戏来说重要的是面向对象思想、碰撞检测、精灵图的应用、游戏背景的处理、键盘鼠标交互等

很早之前，我就关注到了Github上一款叫做shapez的高星游戏,主要玩法就和他的名字一样，是个需要利用开采器，传送带等各种工具来完成每个关卡所需要收集的开采物的游戏。。

滚动视差 滚动视差效果（Parallax Scrolling）是指让多层背景以不同的速度位移，形成立体的运动效果的视觉体验，在前端强交互的时代，更应该多考虑这种用户体验较好的动效～ 实现方案 JS监听

canvas简单易上手，在图形、可视化、视频等多个领域有出色表现，是前端开发者扩展技术栈的不二之选。 希望你能通过本文学到Canvas基本的用法和场景，有所收获😊

卖了 350¥，大家觉得值吗? 100 行代码左右实现，苹果发布会上的荧光环形进度! .........

最近做的这个小程序，由于UI设计图已经经业务方确认过，这个环形图没有商量的余地（比如用插件什么的），抱着正好玩一玩canvas的心态，自个看了点资料，画了一个。（包括原生js版和小程序版） 一开始我是用原生写的，他大爷的，转移到小程序发现，怎么api都长的不一样！还有很多隐藏的…

周末好，今天给大家带来一款接地气的环形进度条组件vue-awesome-progress。近日被设计小姐姐要求实现这么一个环形进度条效果，大体由四部分组成，分别是底色圆环，进度弧，环内文字，进度圆点。设计稿截图如下： 我的第一反应还是找现成的组件，市面上很多组件都实现了前3点，…

思考 移动端的场景里经常会出现环形进度条的功能，在实现这个功能前，我预想的解决方案大致有： echarts、antv、canvas、svg 前面两种第三方提供的解决方案当然是简单，拿到案例修整一下即可

先看成果 场景 组织结构图、文件图等。 canvas 基础 多的不介绍，只介绍这次用到的一些API，详细的API就点这里看看。 moveTo 移动canvas画笔的点到指定坐标，可以理解为笔从纸上拿起