一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 这次给大家带来一个用requestAnimationFrame的抛物线运动小动画

开发基于Html5的小游戏并不困难，基本思路就是使用Html5的canvas进行游戏图像绘制，通过监听Dom元素的touch事件并触发相应的动画，来实现游戏的交互。难在于解决开发后面临的不同设备游戏画面、音效等兼容性问题。 使用Hilo可以帮助我们解决开发过程遇到的一些常见的坑…

相信大家看完后能够学习或者复习到 **抛物线公式、径向渐变等** 一些常用的知识点，看完后大家也动手实现一个有意思的底部导航栏吧~

效果预览：先确认已知条件：起点发射速度大小V重力加速G起始点与经过点需要求出：发射角度a对于抛物线运动，可以分两个方向去看。水平方向，匀速直线运动。垂直方向匀加速运动。所以可以得出以下式子：在把t和v

在本文中，我们依然利用画布编程的基本模式进行编程，但这一次我们将会提升一定的难度，实现元素拖拉拽的效果。

之前遇到过一个面试的机试题，就是用画布绘制形状，并且支持缩放、拖拽功能。现在有点时间就分享一下我是如何一步一步完成这个功能的。看这篇信息之前最好先去看一下canvas 的 api，canvas API 穿梭机。 这里写一个 名叫 chart 的类，在 构造器 construct…

今天我就和大家分享一个非常好用的库，一个专门用于在Canvas上实现球体碰撞和球体交互场景的库--sphere-collision，通过简单配置便可快速实现碰撞效果，而且还提供了钩子函数，扩展性极强。

本文将从技术选型的各种考虑因素（如技术的社区活跃度、文档丰富程度、具体落地案例、性能、适用场景、人员学习成本等）对这四个图形库进行对比, 并针对编辑能力做了详细的对比表~

Canvas API 提供了一个通过 JavaScript 和 HTML 的 <canvas> 元素来绘制图形的方式，它可以用于动画、游戏画面、数据可视化、图片编辑等方面。