跳到主要内容
版本:2026 Peyvand Academy 活动

打造 1:香蕉钢琴

难度:●○○ 简单 · 搭建时间:约 3 分钟

热身项目:按一个键,听一个音,看大按钮闪烁。把下面这条提示词输入 Claude。

提示词(请复制英文原文)

复制以下内容到 claude.ai

Make a fun web-page piano. When I press Space, the arrow keys, or W A S D F G, play a different musical note and flash a big colourful button for that key. Make it work with a normal keyboard.

特别强调最后一句——"make it work with a normal keyboard"——这样没有 Makey Makey 也能玩。钢琴使用 Space、方向键和 W A S D F G,正好对应 Makey Makey 的接口。

步骤

  1. 打开 Claude

    访问 claude.ai 并开始新对话。

  2. 粘贴提示词

    复制上面的英文提示词,按 Enter 发送。

  3. 看 Artifact 搭建

    Claude 会在 Artifact 预览面板里写出你的钢琴,可能需要几秒钟。

  4. 弹几个键

    点进 Artifact,按 Space、方向键或 W A S D F G。你应该能听到音符并看到按钮闪烁。

备用演示

如果 Claude 较慢,或想先看成品:

打开成品钢琴

可用键盘弹奏的钢琴演示——页面加载后可离线使用。

第一个项目教你节奏:提问、观看、玩耍。后面两个项目沿用同样模式。

下一步:打造 2:记忆游戏 →