网页里的团圆味,AI 包饺子小游戏上线
复制下方指令,前往华为云码道(CodeArts)代码智能体 体验。模型生成有随机性,期待你做出的不同效果。
使用前端skill,生成一个HTML春节合家欢游戏演示页,要求如下: 核心需求: 主题: 红金配色,融入灯笼、福字元素,营造春节氛围。 玩法: 双模式(饺子/汤圆),核心操作为拖拽食材,有倒计时机制。 体验: 操作极简,大按钮大字体,设置操作指南包含了1、不同食材分数不一样:比如虾仁15分、猪肉12分,想赢就得多拿高分食材。 还要加上面粉,牛肉,鸡肉,羊肉等选项 2、包着包着还会蹦出惊喜彩蛋:第5个触发“五福临门”,第10个“财源滚滚”。3、从左边拖拽食材到右边时加个成功的提示或者数量的提示。反馈: 包含搞笑失误台词(如“馅漏啦!”)和春节彩蛋(如集齐五福)。 适配: 响应式设计,适配PC与移动端。 技术栈: 使用 Phaser.js 实现游戏核心逻辑与动画。 使用 Tailwind CSS 进行响应式布局与样式构建。 使用 WebSocket 模拟 展示跨设备对战提示。 页面内容需包含: 模式选择界面(饺子/汤圆大按钮)。 游戏主界面:包含拖拽区(食材)、目标区(面皮/锅)、计时器、得分/进度显示。 明显的操作反馈区域,用于显示成功/搞笑失误台词。 彩蛋触发提示区域(如“五福集齐!”特效提示)。 输出要求: 生成一个独立的、可运行的HTML文件,内嵌必要的Phaser游戏代码、样式与逻辑。
页面生成效果预览

然后根据自己的兴趣选择时包饺子还是包汤圆,选择以后将材料拽入锅中就可以获取积分


- 点赞
- 收藏
- 关注作者
评论(0)