AI开发游戏

狼：不用动，没啥动作栅栏：从上到下完整的一条杆子，做个洞的DIV。洞：和栅栏一样宽度，和背景草坪一个颜色，高度变0的时候就是修好了。放在顶部，这样羊的动作简化很多，只要向右移动就好了槌子：点一下转动，代表在修栅栏，然后洞变短。羊：在左边，向右移动。不管狼了，反正看起来就是没掉了，直接超出屏幕就消失。然后下一只。开发过程：狼：不用动，就是图片放进去，调整一下大小，完成了。栅栏：从上到下图片放进去，调整一下大小，完成了。洞：调整背景颜色，叫AI给一个，然后背景颜色也这时候改进去。槌子：点一下转动几度，结果AI给的代码发现没有实现动的动画，那我直接简化？事实证明确实还行。改成这样了：点一下，马上旋转90度，不要动画效果了。放开的时候恢复。然后点击的时候洞的高度变短，代表在修复洞口。羊：这个部分最费时了。生成20只羊，实现后发现羊都重叠在一起了，看不出来，然后叫AI每只羊间隔10PX，还行。找到第一只，向右移动，结果AI给的代码，所有的羊都在动。重写了好几轮。后来写出了第一只羊可以动了，叫它写到屏幕右边的时候删除这只羊。然后要动下一只羊，又没思路了。还是叫AI写。把前面的羊的代码给AI，说我要动完第一次羊，删除这个羊，然后下一只羊继续跑出来。

2024年5月11日14:14:28开始直接智普，叫它生成羊，狼，锤子，栅栏，胜利图片，失败图片其中：羊，狼，锤子，栅栏叫它生成没有背景的。然后用PS做成透明PNG。因为东西相对简单，所以都是一次过。栅栏生成了比较多次，因为我自己也想像不出来要啥样的比较好，只能生成多个看效果。胜利图片，失败图片，也生成了多次，因为AI无法理解我要的东西，我需要狼，人，羊都在一个画面。目前生成的也不是很理想。直接智普，图片先不放进去。叫它生成HTML的大框架，验证是否能够生成我期望的各个元素的摆放位置。生成HTML代码比较简洁，符合期待。多生成了js现在没啥用，因为JS是属于后期的事情，需求还没给，所以现在不管。到时候写业务逻辑了重新单独写。生成的CSS结构不错，但是position的定位模式不对，导致羊和狼的位置错误。为了快速完成，我直接修改position:fixed;修复该BUG。（个人感觉：AI生成的东西还是不能完全信任，可能有90%能用，但是剩下的10%还是需要有经验的人，或者说是专家进行人工调整。这个让我对于AI生成的其他东西也不敢完全信任。自己学习还是有必要的AI就是个辅助，不知道的东西，有条件的话，问专家应该还是很好的解决方案。）2024年5月11日15:52:52 UI和HTML完成，开始制作JS效果

这个又是改了几轮，然后才行。（感觉AI要出现人工需要的东西，可能需要多轮干预才行。比我期望的差一些些。）失败判断：失败其实这个是放在羊的跑的动作里头实现的，就是羊跑光了，显示失败图像。胜利判断：放在槌子事件里头判断。洞全部修好，就胜利。第二关：胜利的时候多一个步奏跳转到第二页，第二页完全复制刚刚的代码，改改用，就是加一只长相凶狠点的狼，还是AI作图。其他没有了。2024年5月11日17:34:04完成所有内容，并上传到服务器，测试了几下。时间到了，要回去给孩子用了。先这样凑合用吧，还是有一点点小BUG的。