**【生活娱乐赛道】+**38-0-0足球赛
-
我是一位独立开发者
-
我是用 TRAE SOLO模式把 Demo 做出来的:我通过自然语言与agent沟通,先用SOLO Plan模式跑通整个流程,流程跑通后在让agent开发,开发完成后让agent在进行测试优化直到交付
38-0-0 完美赛季挑战 - 参赛简介
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
一、Demo 简介
【是什么】
38-0-0 是一款基于纯前端技术(HTML + Tailwind CSS + 原生JavaScript)开发的 H5网页休闲游戏,无需下载安装,浏览器打开即玩,完美适配手机和电脑。
【面向谁】
- 足球爱好者(50%):体验执教乐趣,证明足球眼光
- 休闲游戏玩家(30%):碎片时间娱乐,追求成就满足
- 成就收集控(20%):挑战极限目标,截图社交分享
【主要功能】
功能一:梯度选秀系统
- 11轮3选1选秀,覆盖门将/后卫/中场/前锋4大位置
- 每轮提供高/中/低三个战力区间候选球员
- 玩家需在战力与阵容平衡间做出策略取舍
功能二:38轮联赛一键模拟
- 基于泊松分布进球模型 + 9步胜负概率算法
- 实时展示每轮比赛结果与进度条
- 阵容战力、协同度、主场优势等因素动态影响胜率
功能三:成就系统 + 截图分享
- 12项成就(金色完美赛季、银河战舰、平民奇迹等)
- 达成成就弹出金色闪光提示动画
- html2canvas一键生成2倍高清战绩截图,支持社交分享
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
二、Demo 创作思路
【灵感来源】
灵感来源于足球史上的终极神话——阿森纳2003-04赛季的不败夺冠(26胜12平0负)。但即便是不败赛季,仍有12场平局。真正完美的赛季应该是 38胜0平0负,这在现实足球中从未有人达成。
“如果38胜0平0负是足球的圣杯,那让玩家去亲手缔造这个不可能的传奇,本身就是极具吸引力的游戏目标。”
这个"不可能完成的任务"天然具备游戏性:目标清晰、难度极高、成就感爆棚。
【想解决的问题】
- 足球游戏门槛高:FIFA/实况需要手柄操作,学习成本高 → 纯点击操作,零门槛,3分钟上手
- 单局时间太长:传统足球游戏一局15-90分钟 → 3-5分钟完整体验(抽队→选秀→模拟→结算)
- 目标感模糊:排位赛、等级系统目标不明确 → 38-0-0一目了然,失败立刻知道差在哪
- 缺乏社交传播:战绩难以直观分享 → 一键生成战绩截图,朋友圈/群聊直接晒
- 重玩价值低:固定阵容/固定流程 → 随机抽队+梯度选秀,每局体验完全不同
【为什么做这个方向】
判断一:H5轻量化是趋势
- 微信小游戏、H5游戏的用户规模持续增长
- 即点即玩、无需下载是休闲游戏的核心竞争力
- 纯前端技术栈,开发效率高,部署成本低(GitHub Pages免费托管)
判断二:体育+策略的空白市场
- 市面上的足球游戏要么偏硬核(FIFA/FM),要么偏卡牌(抽卡养成)
- 缺少"3分钟一局、有策略深度、有挑战目标"的中间产品
- 38-0-0精准切入这个空白:操作极简,策略在选秀环节,目标在模拟结果
判断三:成就驱动+社交传播的飞轮
- 12个成就提供长期目标(累计模拟100次、全员95+阵容等)
- 完美赛季的金色闪光特效 + 截图分享 = 天然的社交货币
- "你能达成38-0-0吗?"这句话本身就是最好的传播话术
取舍:
- 放弃实时操作:不做按键传球射门,改为纯策略模拟,降低门槛
- 放弃3D画面:用Tailwind CSS + 动画实现精致2D界面,换取开发效率和加载速度
- 放弃多人对战:聚焦单人挑战成就,避免服务器成本,纯前端可部署
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
三、Demo 体验方式
https://yihan-tang.github.io/mini-game/
浏览器打开即可体验完整游戏。
体验内容:
- 首页模式选择(英超联赛 / 国家队杯赛)
- 随机抽取历史球队(曼城2023、利物浦2005、巴西2002等8支传奇球队)
- 11轮选秀组建11人阵容(4-4-2阵型)
- 38轮联赛一键模拟(实时进度+比赛结果)
- 结算弹窗(战绩展示+成就解锁+截图分享)
- 12项成就系统(LocalStorage永久保存)
- 成就墙弹窗查看全部成就
技术栈:
- 纯原生 HTML + Tailwind CSS 3.4 + 原生 JavaScript
- CDN引入依赖(Tailwind / FontAwesome / html2canvas)
- 无打包工具,无后端,无数据库
- LocalStorage 持久化存储
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4. TRAE 实践过程
.3159361308593224:5f786e998b3af82020a50eaab76c802c_6a322b88856930642ec2b116.6a322bf4856930642ec2b119.6a322bf20217bc3c141b5a86:Trae CN.T(2026/6/17 13:09:08)
.3159361308593224:7fb2d8d1a9e29b3aeee95e0e1bc1d152_6a322b88856930642ec2b116.6a324ba9856930642ec2b83b.6a324ba70217bc3c141b5a87:Trae CN.T(2026/6/17 15:24:25)
.3159361308593224:8742c05df507058a1c52772472ba8585_6a322b88856930642ec2b116.6a3269aa856930642ec2c3e2.6a3269a90217bc3c141b5a89:Trae CN.T(2026/6/17 17:32:26)
.3159361308593224:0addcb2837453a31e245cab309e0e558_6a322b88856930642ec2b116.6a3276ad856930642ec2c995.6a3276ac0217bc3c141b5a8a:Trae CN.T(2026/6/17 18:27:57)
.3159361308593224:7109bda5d81993fe654cea7565046b5f_6a322b88856930642ec2b116.6a327da4856930642ec2cba6.6a327da30217bc3c141b5a8b:Trae CN.T(2026/6/17 18:57:40)
.3159361308593224:0ccaa1470e903466079574c968da598d_6a322b88856930642ec2b116.6a327ff7856930642ec2cc44.6a327ff60217bc3c141b5a8c:Trae CN.T(2026/6/17 19:07:35)
.3159361308593224:6c698f820e1521ac3343a0f2af445dc3_6a322b88856930642ec2b116.6a328099856930642ec2cc8b.6a3280980217bc3c141b5a8d:Trae CN.T(2026/6/17 19:10:17)
.3159361308593224:4be472f79a13ab0e9d5c2d02a953601e_6a322b88856930642ec2b116.6a32968e856930642ec2d26a.6a32968d0217bc3c141b5a97:Trae CN.T(2026/6/17 20:43:58)
报名链接:
https://forum.trae.cn/t/topic/30069?u=u3159361308593224
Demo链接:
https://yihan-tang.github.io/mini-game/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
项目版本:v1.0
创建日期:2026年6月
开发团队:GameDev Team









