AI-CASES / 精选案例集合

AI 生成的
精品案例库

从高定路线、视觉演示到完整方案,这里收录由人工智能辅助产出的高质量案例。每一份,都代表一种完整、可落地的表达。

AI 辅助产出 单文件交付 持续更新
45个
已收录案例
23页
单案例最多
H5PPT
交付形态
100%
离线可用
LIBRARY · 案例库

全部案例

按时间与主题收录。点击进入完整演示。

GAUSSIAN SPLATTING · WEBGL2

传送门 · SPLAT PORTAL

四个真实扫描场景 · 每点 20 字节压缩(原 32)· 26 万颗高斯球实时投影成屏幕椭圆 · 2048 桶视深排序 · 世界锚定门洞:视线与门盘求交,同一份数据画两遍 · 手机 4.5 万点 / 桌面 9 万点自适应 · WebGPU 实验路径
穿越 → 3DGS · 手机可玩
H5 GAME · 无尽横版跑酷

鼠族跑酷 · MOUSE RUSH

背奶酪的灰色小老鼠 · 六大场景(厨房/仓库/雨林/熔岩/冰原/虚空)程序化生成 · 25 种道具 + 11 种危险物 · 六套积分并存 · 风格评级 D→SS · 动态虚拟摇杆 + 跳冲滑三键 · 横竖屏双适配(横屏视野 3 倍)· 五档全局速度 · 全程序化美术音效 · 单文件 325KB
开跑 → H5 · Mouse Rush
MULTIPLAYER · 分年级数学竞赛

口算竞速场 · MATH RACE

小学生分年级口算竞赛 · 同房间同倒计时各做各的题 · 手机答题 + 教室大屏实时赛道直播 · 一~四年级按人教版进度分龄出题 · 答案永不下发客户端 · 8 位房间号 + 二维码扫码加入 · 跑道/龙舟主题 · 领奖台与错题回顾 · Node 服务端 SSE 实时推送
开赛 → H5 · Math Race
H5 GAME · 经典复刻

泡泡堂 · BUBBLE ARCADE

经典《泡泡堂》复刻 · PC 键盘对战 · 15×13 棋盘放泡 · 十字水柱 + 链式引爆 · 炸箱掉道具 · 困泡自救与队友救援 · 踢靴/护盾 · 混战 + 2v2 · 5 张对称地图 · 3 档 AI · 本地双人 · 全程序化美术音效 · 120fps 单文件
开玩 → H5 · Bubble Arcade
3D · THREE.JS 竞速

QQ飞车 · 极速海岸

Three.js 3D 卡丁车竞速致敬作 · 7 条主题赛道(海岸/峡谷/霓虹/雪原/雨林/火山/云端)+ 程序化无限赛道 · 5 种道具攻防(氮气引擎/追踪导弹/燃油地雷/能量护盾/电磁风暴)+ 问号箱 + AI 布雷 · 漂移三段蓄力(青紫橙火花)+ 松手喷 + 双喷 · 三格氮气 · 选关/三星/解锁 · 道具格与护盾条 HUD · 触屏双指漂移 · 手机/横屏/桌面自适应 · 零外部素材
开跑 → 3D · QQ Speed
3D · THREE.JS 壳层毛发

毛茸茸小狐 · 3D

自然态小狐(无帽无衣)全身 13 部位壳层毛发 · 奶油肚皮顶点色渐变 · 巨蓬尾 16 层壳波浪分界 · 头顶炸毛吐舌腮红 · 参差毛长羽化轮廓 · 风摆重力顶点端 · 参数全可调 · 手机优先 · 真 GPU 121fps
把玩 → 3D · Pumpkin Fox
H5 GAME · 塔防 Roguelike

僵尸防线 · 孤哨重制

「僵尸防线·至尊版」1:1 复刻 · 拖动哨兵守防线 · 升级三选一 14 技能 · 5 波一 Boss · 局外永久养成 + 宝石抽卡 + 模拟充值 VIP · 末日孤哨军事风重制 · 全程序化音效 · 单文件离线可玩
开玩 → H5 · Zombie Defense
DATA VIZ · WebGL 大屏

会员运营 · 数字化驱动增长

双端自适应:PC 访问出 1920×1080 大屏版,手机自动切 H5 版 · WebGL 着色器 3D 漏斗 + 2200 GPU 点精灵粒子 · 52 条金色流光曲线 + 涡旋/频谱/六维雷达 · 小屏 PC 智能满屏/适宽滚动/缩放漫游 · 单文件零外部资源
打开 → Dashboard · Single-file
H5 GAME · 填成语

十字填成语

微信小游戏复刻 · 十字填字无限关卡自动出题 · 自定义词库导入+连通性可行性分析(孤立词/摆位冲突识别+谜面预览) · 里程碑金币奖励链 · 提示/补次数/跳关全可设置 · 2076 条成语词库 · 全程序化音效 · 单文件离线可玩
开玩 →H5 · 十字填字
H5 GAME · SUNSET RIDE

日落摩托

OutRun/Hang-On 复古像素摩托竞速 · 伪 3D 公路 + CRT 扫描线 · 12 人排名 · 检查点计时延长 · 氮气 280→322km/h · 三关卡日落→暮色→夜路 · 离心力/尾流/车损物理 · AI 车手梯队 · 全程序化像素美术与芯片音乐 · 单文件离线可玩
开玩 →H5 · Sunset Ride
H5 GAME · 三消羊圈

羊了个羊

经典三消 tile 复刻 · 点牌入槽三同消除 · 移出/撤销/洗牌三道具 + 复活 · 求解器验证保证可解 · AI 演示自动通关 · 难度模拟器校准曲线 · 17 项难度参数 · 图标/背景/音效上传替换 · 单文件离线可玩
开玩 →H5 · Sheep a Sheep
H5 GAME · 盖楼达人

盖楼达人

经典盖楼复刻 · 吊机摆动点按落块 · 完美吸附连击 · 里程碑加命 · 40 层达标转无尽 · 房间配色/贴图/背景/吊钩上传替换 · 11 条音效自定义 · 25 项玩法参数 · 平衡性模拟器调参 · 单文件离线可玩
开玩 →H5 · Tower Crane
POSTER · 动态插画

鹈鹕骑自行车

海堤傍晚 · 鹈鹕踩着城市自行车 · 喉囊里一条鱼 · 按住加速、空格按铃 · 单文件离线可看
观看 →H5 · Pelican Bike
H5 GAME · 益智排序

倒水挑战 · Water Sort

经典倒水排序复刻 · 无限关卡求解器验证必可解 · 提示与 AI 自动演示共用一套 DFS · 倒水液流 Canvas 演出 · 三猪观战 · 星级与最佳步数 · 三套房间/水色板与音效自定义 · 单文件离线可玩
开玩 →H5 · Water Sort Puzzle
H5 GAME · 重力弹球

重力弹球王

微信小游戏 1:1 复刻 · 拖动瞄准发射球流 · 球停自动回收顶部 · 数字 bumper 递减消除 · 点按冲击波弹球进漩涡回收 · 加球经济 · 炸弹与慢动作道具 · 菱形与大白球倍率 · 无限关卡种子生成 · 自研 2D 物理 · 单文件离线可玩
开玩 →H5 · Gravity Pinball
H5 APP · 番茄时钟

番茄时钟 · 专注

番茄工作法专注倒计时 · 专注/休息自动流转 · 跳过与重置 · 时长循环切换 · 四种合成铃声+本地音频上传自定义(IndexedDB) · 当日番茄统计 · 后台计时校准 · 手机竖屏横屏桌面自适应 · 单文件零外部资源
体验 →H5 · Tomato Timer
H5 GAME · 纵向弹幕射击

雷霆战机 · 银河防线

经典雷霆战机复刻 · 6 级战机升星 · 无限关卡 · 僚机挂架 · 6 大 Boss 三阶段弹幕 · 道具与磁吸 · 血条生命与复活 · 连击擦弹排行 · hitstop 震屏打击感 · 单文件离线可玩
开玩 →H5 · Thunder Fighter
H5 GAME · 炒股飞行

小飞牛 · 炒股大冒险

炒股版 Flappy Bird · K 线图里飞行 · 撞买/卖按钮建仓平仓 · 半仓滚动与借款还贷 · 涨跌停强制平仓 · 收盘战报称号评定 · 立绘/音效/参数可自定义 · 单文件离线可玩
开玩 →H5 · Bull Flight
H5 GAME · 营销活动

欢乐打地鼠 · 游园会

经典街机打地鼠 · 三档难度 · 连击翻倍 · 狂热时刻 · 金银铜牌领奖券码 · 每日次数 · WM.marketing.register() 一行接入 · 立绘音效可自定义 · 单文件离线可玩
开玩 →H5 · Whack-a-Mole
H5 GAME · 营销活动

翻牌赢好礼 · 记忆翻牌

经典营销翻牌复刻 · 三档难度 · 限时挑战 · 连击翻倍计分 · 星级结算与领奖券码 · 卡面/音效可自定义 · 单文件离线可玩
开玩 →H5 · Memory Flip
H5 GAME · 益智连通

接水管 · 管道连通

经典微信接水管复刻 · 点击旋转限时接通 · 水流逐格灌充演出 · 关卡递进与计分持久化 · AI 自动演示 · 三套色板/音效可自定义 · 单文件离线可玩
开玩 →H5 · Pipe Connect
H5 GAME · 经典玩法

祖玛 · 无尽遗迹

无限关卡 · 石刻神庙 · 三球消除与回吸连锁 · 横竖屏适配 · 音效与进度保存
开玩 →H5 · Zuma
H5 GAME · 休闲复刻

跳一跳 · 再跳一步

按住蓄力 · 中心连击 · 六类立体平台 · 自动演示 · 本地进度 · 单文件离线可玩
开玩 →H5 · Jump Jump
FINTECH · 设计稿复刻

DeFi 原型馆 · 完整 H5 App 原型

8 套概念稿组成一个可操作的 H5 应用 · 主屏 8 个图标 · App 内真实页面导航(返回键/底部 tab/左缘右滑) · 21 屏全可点 · 泡泡可点爆
打开 → H5 · Single-file
SAAS · 后台复刻

OrchestrateIQ · Agent 编排监控台

录屏 1:1 可交互复刻 · 实时网络图与瀑布诊断 · Handoff 断链根因 · 明暗双主题 · ⌘K 命令面板 · 真 CSV 导出
打开 → Dashboard · Single-file
H5 GAME · 益智复刻

数字华容道 · 木质滑块拼图

3×3~10×10 · 六款俏皮主题 · 加权 A* 提示与自动演示 · 照片拼图模式 · 通关历史 · 合成音效
开玩 → H5 · 15-Puzzle
H5 GAME · 赌场机复刻

多福巨奖 · 243 路老虎机

四大递增奖池 · 福娃选奖 · 免费局 · 福WILD 金身押注档 · 21 种合成音效 · 图标音效玩法全可配
开玩 → H5 · 澳门老虎机
H5 GAME · 街机复刻

火龙珠 · Fiery Dragon

跑马灯押注 · 比倍猜大小 · JACKPOT 彩金池 · 15 种合成音效 · 全程序化 SVG 零资源
开玩 → H5 · 街机水果机
H5 GAME · 微信小游戏复刻

合成好物 · 1:1 复刻

拖拽合成升级 · 配送员与 X5 一键合成 · 任务得体力 / 补分签到 · 44 个手绘 SVG 图标
开玩 → H5 · 关卡制合成
H5 GAME · 可定制小游戏

合成大西瓜 · 配置版

Canvas + Matter.js 真实物理 · 等级/图标/主题全配置 · 微信即点即玩
开玩 → H5 · 全配置驱动
WEBGL · 3D 配置器

SKYNOMAD N90

Blender 程序化建模 SUV · 天气/季节/环境/车漆实时切换 · 模型压缩至 102 KB
配置 → WEBGL · 移动端可用
WEBGL · WEB 应用

鼓浪屿 · 漫步

three.js 三维小岛漫游 · 键盘/摇杆操控 · 六大地标打卡
进入 → WEBGL · 1:1 岛屿
FILM · 品牌表达

向海而翔 · 厦门翔安国际机场

Blender 三维机场与起飞动画 · 实景影像 · 原创配乐
播放 → FILM · 45S
CASE 01 · 高定旅行

荒原之上

藏南秘境 × 藏北无人区 · 30 天自驾远征
查看 → PPT · 23P
CASE 02 · 视觉方案

ATELIER · 3D 腕表工坊

PBR 材质实时预览 · 实时扫秒 · 复杂功能辉光 · AR 试戴
进入 → WEB · 3D
CASE 03 · WEB 应用

FLIP · 预测市场首页

黑白双主题 · Canvas 点阵地球 · 实时倒计时微动效
进入 → WEB · REPLICA
CASE 04 · 视觉方案

SOLCARD · 加密卡功能轮播

无限居中轮播 · 雪花冻结动效 · 数字滚动与辉光仪表盘
进入 → WEB · REPLICA
CASE 05 · WEB 应用

MetalForge · 进度特效工坊

WebGPU 蜂窝进度条 · 六种风格实时渲染 · 参数面板 · 分享链接
进入 → WEB · WEBGPU
CASE 06 · 视觉方案

ONEROOM · 动态排版宣传片

15 秒 13 场景逐帧复刻 · 音画同轴驱动 · 粒子漩涡 / 透视文字海 / 玻璃碎裂
进入 → WEB · REPLICA
CASE 07 · WEB 应用

BLOUB · SVG 形变头像工坊

14 态丝滑 morph · 形状表情颜色自由组合 · 序列编辑器 · GIF/WebM 导出
进入 → WEB · SVG 动画
CASE 08 · WEB 应用

ELERA · 诊所运营驾驶舱

患者流看板 1:1 复刻 · 拖拽分诊 / ⌘K 面板 / 实时模拟 · 13 模块联动
进入 → WEB · DASHBOARD
CASE 09 · 品牌表达

林间 · 走进活着的世界

活世界 Three.js 根茎场景 · 液态金属按钮 · 玻璃坞导航 · 单屏叙事
进入 → WEB · 3D
CASE 10 · WEB 应用

RA2 LAB · 红警蓝图兵器库

红警2 蓝图查看器复刻 · 5 载具线框建模 · 六视角正交相机 / 爆炸图 / 部件拾取 / 乱码解码
进入 → WEB · WEBGL
CASE 11 · WEB 应用

瑞幸咖啡 · 小程序复刻

5 大主 Tab 玻璃底栏 · 点单/购物车/确认订单/地址簿全流程 · 规格弹窗 / 手势抽奖
进入 → WEB · MINI PROGRAM
CASE 12 · WEB 应用

无限画布 · Infinite Canvas

Figma 式无限画布 · 粘贴图片/视频/文字 · 节点连线 · 框选/手柄缩放/撤销重做 · IndexedDB 自动保存
进入 → WEB · CANVAS
CASE 13 · 视觉方案

我的女友景甜 · 关系图谱 × 时序图

无限画布叙事可视化 · 发光流向线条与彗星粒子 · 十九年关系网 + 2007→2026 时间轴 · 悬停聚焦/章节飞行
进入 → WEB · STORY GRAPH
CASE 14 · WEB 应用

高级感配色 · 色卡生成器

小红书配色卡 1:1 复刻 · 莫兰迪随机配对 · 1080×1440 PNG 下载
进入 → WEB · GENERATOR
CASE 15 · WEB 游戏

挪挪车 · PARK & GO

彩色接客 · 无限关卡 · 五种道具 · 手机轻点即玩
开始游戏 → gpt-6-Astra
CASE 16 · WEB 应用

公园雷达 · Lumen

58 座公园的列表 / 详情 / 我的(收藏·点赞·足迹)+ 会说人话的向导「小岛」 · 动物岛设计系统复刻 + Rare UI 动效机制(gooey 导航 / 粒子迸发 / 里程表 / 网格揭示 / 流体球 / 左滑删除) · 程序化生成全部插画与地图 · 本地语义解析离线可用 · 单文件零外部资源
进入 → H5 · 公园查询
CASE 17 · WEB 应用

公园雷达 · 小屿

动物森友会风格公园发现 H5:列表 / 详情 / 我的(收藏·点赞·足迹)+ 自然语言助手「小屿」(本地 NLU 离线可用 · 上下文指代「第一个怎么样」「换一批」 · 推荐理由卡片) · animal-island-ui 视觉复刻 + Rare UI 动效移植(GLSL 流体球 / 粒子爆发 / 数字滚轮 / gooey 粘滞导航) · 12 座公园程序化场景画(樱花·萤火·湖光·篝火) · 单文件双击即用
进入 → H5 · 公园查询
CASE 18 · 视 频

白艾莉 · Alice 宣传片

54 秒产品宣传视频(1080p·30fps·中文旁白):眼里有活,心里有你——品牌定场 / Agent 接力办成一件事 / 圆桌脑暴 / 24 引擎点阵 / 水彩主视觉收尾 · 三色克制视觉系统(纸白/墨/茜玫) · 时间轴纯函数逐帧渲染 + ffmpeg 装配 · 70BPM 暖钢琴垫乐
播放 → 视频 · 54s
CASE 19 · WEB 应用

EXIT 0 · 一个进程的一生

全程序化生成音乐短片播放器:音乐 WebAudio 离线合成(96 BPM·110s·乐谱即数据,节拍/起音表与音频同源)+ 画面 WebGL2 七章节着色器逐帧渲染(点阵内存转储 / 星座连边 / 步进指令环 / 示波器与李萨如 / 异常走廊 / 内存回收 / 余辉终端) · 剪辑表以拍号 B() 与起音 HIT() 为锚点自校验 · 子帧运动模糊 · 帧预算画质自适应 · 确定性渲染同一时刻同一帧 · 无任何音频视频文件 · 机制致敬 world.execute(me); 网页版
进入 → H5 · 程序化影片
+

更多案例
蓄势待发

NEXT CASE · COMING SOON
该分类暂无案例 · NO CASE IN THIS CATEGORY
ABOUT · 关于案例库

一份持续生长的
案例档案。

从想法到成品
AI 辅助构思 · 人工打磨 · 单文件交付
从屏幕到现场
每个案例都可直接打开 · 支持离线运行
从单一走向体系
收录更多行业与场景 · 让好内容可复用
从展示到成交
不止好看 · 更服务于真实业务目标