哔哩哔哩-【最新 Claude 4 全方位解读与实战评测】

咱们今天就来点硬核的，让Claude Opus 4这位“编程状元”来挑战写三个JavaScript小游戏。看看它是不是真有传说中那么神！

挑战一：经典“疯狂点击器”

OK，第一个，咱们先来个开胃小菜——“疯狂点击器”。规则很简单：一个按钮，一个显示数字的区域，每点一下按钮，数字就加一。这主要考验它最基础的HTML、CSS布局和JavaScript的DOM操作、事件监听能力。

我给Claude Opus 4的Prompt大概是这样：

请用HTML、CSS和JavaScript帮我创建一个简单的点击器游戏。需要一个ID为‘clickButton’的按钮，文本是‘点我！’；还需要一个ID为‘countDisplay’的段落，用于显示点击次数，初始为0。

挑战二：烧脑“猜数字”

第二个游戏，难度稍微提升一点——“猜数字”。电脑随机生成一个1到100之间的整数，我们来猜。每次猜完，电脑会提示你是猜高了、猜低了还是猜中了。这个除了DOM操作，还涉及到随机数生成、用户输入处理和条件逻辑判断。

这次的Prompt：

创建一个猜数字游戏。用HTML、CSS和JS实现。页面包含一个输入框让用户输入猜测的数字，一个提交按钮，以及一个用于显示提示信息（如‘太高了！’、‘太低了！’或‘恭喜你猜对了！’）的区域。数字范围是1到100。

挑战三：高能“单人挡板弹球”

最后一个，咱们上点强度！挑战一个简化版的“单人Pong游戏”。想象一下，屏幕里有个小球到处反弹，底部有个我们可以用鼠标左右控制的挡板，目标就是别让小球漏下去。这个对AI来说，就涉及到画布（Canvas）绘图、动画循环（requestAnimationFrame）、简单的碰撞检测逻辑，还有用户交互了，比前面两个复杂不少。

我给的Prompt是：

用HTML Canvas和JavaScript创建一个简单的单人Pong游戏。包含一个在画布内移动和反弹的小球，以及一个由鼠标水平控制的底部挡板。如果小球碰到挡板，则反弹。如果小_球_掉出底部边界，游戏结束（简单提示即可）。