【Code With SOLO】用 SOLO 搞了个游戏化积分管理网站,学生为了养精灵疯狂挣积分

1.摘要:

用 SOLO 做了一个学生积分管理小网站,老师发星星币奖励学生,学生拿去领养精灵、喂食进化。不用联网,浏览器打开就能用。

2.背景:

我是老师,想找一个能激励学生的积分工具。但现成的要么要联网注册太麻烦,要么界面太丑学生没兴趣。就想着自己做一个,加点游戏元素让学生有动力。

3.实践过程:

分了三轮跟 SOLO 对话:

  • 第一轮: 说了一下大概需求(积分、等级、精灵、商店),SOLO 直接出了第一版

  • 第二轮: 提了一堆修改意见——加密码登录、老师自定义奖励、精灵会逃跑、三阶进化,SOLO 全给加上了

    借鉴洛克王国的模式,9只精灵,普通到传说四个品质,都能三阶进化
    精灵等级超过主人会跑掉,学生得拼命升级

  • 第三轮: 觉得画风太幼稚,让 SOLO 优化一下,结果直接重写了整套UI

中间踩的坑:一开始精灵就是emoji表情,太简陋了,后来 SOLO 用SVG画了9只精灵,还加了呼吸、眨眼、鼠标跟随这些动画,比一开始好些了,但还是需要优化。

4.成果展示:

一个本地文件搞定所有功能:

5.效果与总结:

找外包做这种东西至少几千块,用 SOLO 一小时就搞定了。关键是多轮迭代的方式特别好用,每轮只盯一个方向改,不容易乱。单文件输出也方便,学校电脑浏览器打开就能用,零门槛。尤其是规划方案,设计整个积分机制做得特别好,但有的设计可能纯文字许愿不行,后续计划给它找点参考图来优化。