基于 Canvas 打造的赛博像素风图形射击互动 HTML 小游戏

方块射击小游戏

基于 Canvas 打造的赛博像素风图形射击互动 HTML 小游戏

这是一款赛博复古风格的太空射击小游戏,三角形可以发射子弹射击下落的四边形,发生撞击会掉生命值,击中物体会有彩色粒子散射动画效果。这款游戏基于 HTML5 Canvas + JavaScript ...

WebGPU 金粉粒子鼠标轨迹特效,奢华鼠标拖尾效果

新年主页网页

WebGPU 金粉粒子鼠标轨迹特效,奢华鼠标拖尾效果

这是一款基于 WebGPU 技术的粒子动画效果。页面中的“2026”文字以闪烁的金粉轨迹炫酷入场,带来充满新年氛围的视觉惊喜。与此同时,当鼠标移动时,会拖出细腻闪耀的金色粒子轨迹,动态流畅且富有...

WebGL 梦幻星云流体鼠标拖尾互动特效

互动光标

WebGL 梦幻星云流体鼠标拖尾互动特效

这是一款 WebGL 流体光标跟随效果,基于 WebGL 技术实现,当光标在页面上移动时,通过模拟粒子流动与光线散射,呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果,极具视觉冲击力和沉...

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

光标互动

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

这是一款 WebGPU 驱动的流体擦除互动动效,模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑,响应鼠标滑动时产生自然的涟漪和色彩扩散,还能通过...

Canvas自由式矩阵数字雨鼠标拖尾特效,支持配置字符、颜色和速度等多个参数

鼠标跟随

Canvas自由式矩阵数字雨鼠标拖尾特效,支持配置字符、颜色和速度等多个参数

这是一款科幻风格的鼠标随机文本拖尾动画效果,基于Canvas/JS技术实现,可自定义字符、颜色和速度的参数化数字矩阵流,适用于赛博朋克主题网站或科技感登陆页装饰。

Canvas彩色气泡鼠标拖尾特效源码

鼠标拖尾

Canvas彩色气泡鼠标拖尾特效源码

这是一款动态鼠标光标跟随效果,基于2D Canvas技术实现,鼠标移动时会产生彩色半透明气泡拖尾,适用于创意作品集或儿童主题网页的趣味交互装饰。

Canvas星光粒子连线鼠标跟随特效

鼠标跟随

Canvas星光粒子连线鼠标跟随特效

这是一款星空主题鼠标跟随动画效果,基于JS+Canvas技术实现,鼠标移动时会生成星形粒子及闪电状连接光效,适用于科幻/奇幻风格网页或视觉装饰场景。

Canvas鼠标移动雪花粒子跟随特效源码

鼠标跟随

Canvas鼠标移动雪花粒子跟随特效源码

​这是一款飘落的彩色雪花粒子跟随鼠标运动的动画效果,基于JS+Canvas技术实现,鼠标移动时会生成飘落的彩色雪花粒子,支持自定义调整粒子的数量、颜色等参数,适用于科技感或冬季主题网页装饰场景使用。

HTML中基于 ThreeJS 实现的绚丽彩色粒子追随光带效果,支持切换不同粒子

鼠标跟随

HTML中基于 ThreeJS 实现的绚丽彩色粒子追随光带效果,支持切换不同粒子

这是一款粒子交互特效,基于三方组件ThreeJS+CSS技术实现,鼠标移动可生成动态粒子追随光带,适用于网页背景互动和科技感视觉场景。

Canvas粒子粘液与线性互联动画鼠标追随互动效果

鼠标跟随

Canvas粒子粘液与线性互联动画鼠标追随互动效果

这是一款动态粒子交互效果,基于JS+Canvas技术实现,鼠标移动时会生成很多粘液粒子以及线条,他们会逐渐的连接与分离直至最后消失,适用于网页光标互动和科技感视觉场景。

基于 Canvas 实现的光标火花粒子鼠标跟随拖尾特效,可轻松集成到HTML网页中!

火花粒子

基于 Canvas 实现的光标火花粒子鼠标跟随拖尾特效,可轻松集成到HTML网页中!

​这是一款基于 JavaScript Canvas 技术实现的鼠标交互粒子效果,在鼠标移动时生成动态火花轨迹,支持自定义颜色/速度/密度,适用于网页背景增强或科技感交互场景。

SVG足迹跟随鼠标交互效果,随着光标的移动生成一串脚印追随效果

鼠标跟随

SVG足迹跟随鼠标交互效果,随着光标的移动生成一串脚印追随效果

这是一款基于纯CSS+SVG+JS实现的足迹​鼠标跟随效果,通过动态生成渐隐脚印轨迹响应用户光标移动,适用于创意着陆页和互动视觉场景。