canvas
4篇文章 · 0订阅
  • 使用 getImageData 实现碰撞检测
    最近做了一个 H5 小游戏，游戏的玩法是小汽车抢停车位，需要手指拖拽小汽车躲避障碍快速进入停车位。 游戏复杂的部分可能就是小红车和障碍物的碰撞检测，因为地图不是固定的，会有不同的游戏地图。刚开始想把障碍物切成一块一块的，然后给几种排列方式，但需要测量很多数据，觉得还是有些复杂。…
    Canvas
  • 用 canvas 的 getImageData 做点有趣的事
    canvas 可以实现对图像的像素操作，这就要说到 getImageData() 方法了。 CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象，用来描述 canvas 区域隐含的像素数据，这个区域通过矩形表示，起始…
    前端 Canvas 算法
    用 canvas 的 getImageData 做点有趣的事
  • 使用Javascript制作BadApple字符画视频 | 创作者训练营第二期
    本文配有视频：点击播放视频 结合文章一起看效果更好！ 写作的背景 是这样的，最近有B站的小伙伴在我某个视频下评论，让我分享一下，这个BadApple动态效果怎么做。好家伙，我开始还不知道badappl
    JavaScript 前端
    使用Javascript制作BadApple字符画视频 | 创作者训练营第二期
  • 如何在react中使用canvas画动态心电图
    最近接到新需求，需要前端接收盒子传来的数据自己用canvas来动态的画心电图，这里记录一下最基础的单导的心电图画法，我们用的是react框架，最终效果如下： html标签 因为我们画布的宽和高是可以自
    前端
    如何在react中使用canvas画动态心电图