---
title: GROK3 and Deepseek
description: Grok3 和 Deepseek 的对比
date: 2025-05-12
img: https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250806105153532.png
navigation:
icon: lucide-brain
---
### GROK3 and Deepseek
测试了GROK3,简单让做一个HTML小游戏，与R1对比
GROK3界面处理略好，满足所有要求，无BUG。
R1界面略有瑕疵，基本满足所有要求，除了有小BUG。
提示词：
>> 题目：编写一个“打地鼠”网页小游戏
需求描述：
设计一个基于HTML的“打地鼠”（Whack-a-Mole）小游戏，玩家需要在规定时间内点击随机出现的“地鼠”来得分。游戏需要包含以下功能和要求：
页面布局：
游戏区域是一个3x3的网格（共9个格子），每个格子是一个方形的“洞”。
页面顶部显示当前得分（Score）和剩余时间（Time Left）。
页面底部有一个“开始游戏”（Start Game）的按钮。
游戏逻辑：
点击“开始游戏”按钮后，游戏开始，初始时间为30秒。
每隔一段随机时间（0.5秒到1.5秒之间），一个“地鼠”会随机出现在某个格子中，持续显示1秒后消失。
玩家点击出现的“地鼠”可以得分，每只地鼠加1分。
如果点击空白格子，不扣分也不加分。
游戏时间结束后，停止地鼠出现，并弹窗显示最终得分，同时提供“再玩一次”的选项。
样式要求：
游戏区域居中，背景为浅灰色。
每个格子为100x100像素，带有圆角边框，初始为土黄色（#d2b48c）。
地鼠出现时，格子背景变为绿色（#90ee90），并显示文字“鼠！”（字体大小30px，居中）。
得分和时间使用清晰的大字体（建议20px以上），颜色为深蓝色。
“开始游戏”按钮为蓝色背景，白色文字，悬停时变亮。
技术要求：
使用纯HTML、CSS和JavaScript实现，不依赖外部库。
代码注释清晰，说明每个部分的功能。
确保游戏逻辑无明显bug，例如地鼠不会同时出现在多个格子。
提示词：
HTML结构：包含游戏容器、得分显示、时间显示、格子网格和按钮。
CSS样式：网格布局、格子样式、地鼠出现时的动态效果、按钮交互样式。
JavaScript逻辑：随机生成地鼠、计时器、得分计算、游戏状态管理、弹窗提示。
输出要求：
请一次性提供完整的HTML文件代码（包括HTML、CSS和JavaScript），代码需可直接保存为.html文件并在浏览器中运行。代码中需包含注释，体现逻辑清晰度和编程能力。
GROK3:
```html[GROK3.html]
打地鼠小游戏
得分: 0
剩余时间: 30
```
R1:
```html[R1.html]
打地鼠 - Whack a Mole
```