HTML5 Canvas全屏动画效果，鼠标交互，代码轻量
Javascript 30 次浏览
苏打水气泡的 Canvas 动画，视觉效果挺上头，动画细节也打磨得比较精致。你要是做饮品类页面或者清新风格的展示页，用这个真是加分项。实现逻辑清晰，requestAnimationFrame配合 Canvas 画布，不光流畅，还挺省资源。 用的是原生 Canvas，不依赖第三方库，代码量控制得也不错
Actionscript 0 次浏览
闪电效果的 Canvas 动画，互动性挺强，视觉冲击感也还不错。靠的是 HTML5 的配合 JavaScript 搞出来的动态路径变换，思路简单但效果蛮酷。代码逻辑比较直给：监听鼠标、画折线路径、用hsl做色彩变化，每帧刷新清画布。想玩点不一样的动画，这个挺值得试试。 canvas 的闪电动画，响应
HTML5 0 次浏览
这款画板涂鸦动画采用HTML5 Canvas技术，提供多种笔刷、回撤和清空画板功能。建议使用Firefox或Chrome等支持CSS3和HTML5的浏览器预览。
HTML5 21 次浏览
Canvas动画转视频是一种在前端将动态的HTML5 Canvas绘制内容转化为视频的技术，这对于创建交互式、自定义的视频内容非常有用。在这个过程中，一个叫做"Whammy"的前端框架起到了关键作用。Whammy是一个JavaScript库，它允许开发者将一系列在Canvas上绘
HTML5 21 次浏览
想要为你的网页加点炫酷的效果吗？试试这个超炫的 H5 黑洞动画吧！通过HTML5的Canvas和JavaScript，你可以轻松实现一个模拟黑洞引力效应的动画。通过牛顿引力定律，黑洞的强大引力能让周围的小行星和星尘沿螺旋轨道向中心吸引。在这个项目中，Canvas作为绘制的画布，你可以通过 JavaS
HTML5 0 次浏览
利用 HTML5 Canvas 技术，模拟逼真的雨水落下效果。雨水在页面顶部生成，向下移动过程中逐渐分散成多个水滴。鼠标移动方向控制雨水飘动方向，鼠标垂直位置影响雨水落下速度。
HTML5 20 次浏览
简单好用的 H5 抽奖算法，主要用了 HTML5 里的canvas做动画，配上 JavaScript 控制随机逻辑，视觉上挺酷，代码上也不难上手。随机数的核心逻辑用的是Math.random()，再加点权重和范围控制就能搞出概率分布。想做转盘抽奖、滚动列表啥的，这套逻辑都能用得上。动画这块，靠req
HTML5 0 次浏览
js+css 原生绘制的 520 爱心，画面干净，效果也蛮浪漫的。canvas配合贝塞尔曲线，在页面加载的时候动态勾勒出一个红色爱心，位置刚好居中，氛围感挺到位。整个绘制逻辑藏在一个叫drawHeart的函数里，用几条曲线拼出爱心轮廓，再一口气填充红色，视觉冲击力也还不错。 适合拿来练练手，比如节日
Javascript 0 次浏览