Kakarotto

在平常Canvas开发中，经常会遇到直线的点击事件问题，对于这类问题通常的做法就是使用isPointInStroke，但直接使用存在一个问题就是直线的宽度较小时，鼠标点击不太容易选中。下面是针对这类问

最近在看ThreeJS这块，学习了规则立体图形的绘制，想着找一个现实的建筑用ThreeJS做一个模型，这里选择了东方明珠电视塔。 看着相对比较简单一些，简单来看由直立圆柱、倾斜圆柱、球、圆锥这四种几何

上次做了一个火车时钟，感觉可以进一步尝试做一个稍微简单的小游戏，由于游戏一般需要做碰撞检测，但是碰撞检测还比较复杂，这里选择圆形来进行展示，因为圆形的碰撞检测比较简单。 绘制中心点圆球及小球运行路径

之前在 codepen 上看到了一个火车时钟，跟常规的动画时钟不太一样，是通过 svg 来实现的，这里通过 canvas 来实现一下，赶在年末之前，总算是完成了。 绘制时、分、秒表盘     表盘分为

之前有想过用原生 Canvas 实现类似于 Echarts 的仪表盘，但是动画这块的处理有点麻烦，最近看到 Leafer 提供了动画效果，就来实现一下，这里主要记录一下绘制仪表盘的步骤。 初始化   

列表拖拽功能允许用户通过拖拽操作重新排列列表中的项目。本项目使用 Vue 3 和 TypeScript 实现了一个具有拖拽功能的列表组件，并结合 FLIP 动画技术，使得拖拽过程更加流畅和自然。 列表

截图预览功能是比较常用的功能，这里使用 canvas 和 fileReader 及相关 API 完成截图预览功能。 1、文件上传及预览     文件上传后使用 FileReader 函数来获取上传文件

起初是想做个视频有电影胶片的效果，本来计划这用PR来做，但是PR不太会，所以用自己的专业来搞一个好了。     电影胶片效果主要分为三部分: 1、胶片的边框，2、展示的内容，3、电影胶片的播放。因为需

轮播图在开发中是经常用到的，3D轮播图是其中最常用的一种，这里使用Vue3+animejs来实现，效果如下： 基础布局     首先需要设置轮播容器中的子元素位于3D容器中，这是需要设置transfo