Canvas 城市驾驶 HTML 小游戏,俯视街区与配送任务源码

城市小跑车

Canvas 城市驾驶 HTML 小游戏,俯视街区与配送任务源码

俯视街区驾驶沙盒支持加速、转向和手刹,包含取件配送、巡逻追踪、车辆损伤、迷你地图与暂停重开。

纯CSS放射状挂钟,木纹尖角与连续秒针动画源码

复古太阳钟

纯CSS放射状挂钟,木纹尖角与连续秒针动画源码

木色长短尖角与黄铜圆头围绕表盘放射,搭配青色条纹墙和连续秒针,使用纯CSS构建复古挂钟。

JS幽灵聊天界面,滑卡配对与消息状态交互演示

复古配对机

JS幽灵聊天界面,滑卡配对与消息状态交互演示

复古手机界面包含滑卡、配对与聊天流程,消息需符合幽灵语言规则,发送后依次演示送达、已读与输入状态。

纯CSS球形文字跑马灯,九层字环旋转与慢放特效

球形文字环

纯CSS球形文字跑马灯,九层字环旋转与慢放特效

九层中文文字沿球面排列并整体旋转,支持暂停、慢放、反转、半球与背面文字控制,纯CSS实现。

Canvas粒子对比滑块,有序阵列与混沌轨迹特效

分界对比屏

Canvas粒子对比滑块,有序阵列与混沌轨迹特效

拖动分界线,在同一画面比较有序粒子与混沌轨迹,左右配色与标签随分界变化,支持点击定位。

CSS流光边框卡片,图案环绕与评价信息展示源码

环绕边框卡

CSS流光边框卡片,图案环绕与评价信息展示源码

深色评价卡片保持内容稳定,边缘图案沿四周缓慢运动,搭配圆角、内层遮挡与TZW署名,无脚本。

JS像素扭蛋机,旋转手柄与松鼠出蛋交互动画源码

像素扭蛋机

JS像素扭蛋机,旋转手柄与松鼠出蛋交互动画源码

像素扭蛋机装有二十枚胶囊,旋转手柄或点击按钮可让松鼠取蛋送到出口,胶囊能打开并加入收藏区。

GSS星系按钮,发光星核与螺旋粒子背景动画源码

星光按钮

GSS星系按钮,发光星核与螺旋粒子背景动画源码

按钮内部嵌入微型星系,发光星核与双臂星点缓慢旋转,带渐变、噪声与泛光。

GSAP神秘字母板,输入提问与指示器寻字动画源码

幽灵问答板

GSAP神秘字母板,输入提问与指示器寻字动画源码

输入英文问题后,指示器沿字母板寻字,放大镜、墨迹与光晕配合移动,以预设词库生成拼字演示。

SVG街机风数据图表,霓虹柱状折线与音效交互源码

霓虹柱线图

SVG街机风数据图表,霓虹柱状折线与音效交互源码

霓虹柱状图叠加黄色折线,CRT扫描线营造街机质感,悬停显示对应数值,交互后可播放合成提示音。

React应用图标环,十二枚图标三维旋转展示特效

旋转图标墙

React应用图标环,十二枚图标三维旋转展示特效

十二枚渐变应用图标围成立体圆环持续旋转,图标正背面分别着色,名称提示已汉化,依赖本地保存。

Three.js验证码 OTP 动效,粒子旋转地球与输入反馈组件

粒子验证卡

Three.js验证码 OTP 动效,粒子旋转地球与输入反馈组件

旋转粒子地球搭配四位验证码输入,带槽位焦点、删除与粘贴处理,输入2026后触发成功视觉反馈。