跳到正文
Simon Willison 博客·· 12 小时前AI 评分39

Claude Opus 5.5 Max 用 3 小时做出「Tree Appreciator」找不同小游戏

Tree Appreciator

AI 导读

Simon Willison 在 Claude iPhone 默认应用的聊天模式中，用提示词让 Claude Opus 5.5 Max 构建一个名为「Tree Appreciator」的 three.js 游戏，玩法是比较两棵算法生成的树并欣赏差异。Claude 耗时 3 小时 7 分钟，返回了一个带音乐、动画和成就系统的找不同小游戏。

正文

Tool: Tree Appreciator

Another game experiment with Claude. This one used the default Claude iPhone app (chat mode, not Claude Code mode) where I prompted Claude Opus 5.5 Max with:

Build a three js game called "Tree appreciator" - it shows you two algorithmically generated trees and the game mechanics is about appreciating the differences between them. Think hard about how to make sure it is both fun and beautiful.

Somewhat embarrassingly given my recent talk, I've found that telling Opus 5.5 "make sure it is fun" works uncomfortably well. In this case Claude crunched for 3 hours and 7 minutes before retuning a cosy little spot-the-difference game with music and animation and achievements that's quite compelling to play.

Screenshot of a mobile spot-the-difference puzzle game with a dark interface. Header reads "No. 003 Acer autumnalis ‘Hid…" with subtitle "Autumn maple · A country lane in late a…" and icons for sound, a book, and help. Two nearly identical 3D-rendered scenes are stacked vertically, labeled "Fig. i" and "Fig. ii", each showing a dark-trunked maple tree with red, orange and pale peach leaves, leaves falling through the air, a golden grassy field with a few small rocks, and hazy hills with pine silhouettes under a pale sky. Two differences are circled in blue in both images: circle "a" at the base of the trunk, where Fig. i has a small red mushroom that is missing in Fig. ii, and circle "b" in the right side of the canopy, where Fig. i has a patch of green leaves that are red in Fig. ii. The bottom bar shows "2 of 4", a reset button, a "Hint" button with three filled and two empty dots, and a score of "1,803".

Tags: game-design, javascript, ai, generative-ai, llms, claude, vibe-coding, three-js

来源：Simon Willison 博客 · simonwillison.net

Anthropic / ClaudeAI 编码教程实践#教程/实践#编码#Anthropic