打造 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 的接口。
步骤
打开 Claude
访问 claude.ai 并开始新对话。
粘贴提示词
复制上面的英文提示词,按 Enter 发送。
看 Artifact 搭建
Claude 会在 Artifact 预览面板里写出你的钢琴,可能需要几秒钟。
弹几个键
点进 Artifact,按 Space、方向键或 W A S D F G。你应该能听到音符并看到按钮闪烁。
备用演示
如果 Claude 较慢,或想先看成品:
打开成品钢琴
可用键盘弹奏的钢琴演示——页面加载后可离线使用。
第一个项目教你节奏:提问、观看、玩耍。后面两个项目沿用同样模式。
下一步:打造 2:记忆游戏 →