本项目完全使用qwen code cli 进行创作，没写一行代码。
项目背景
本项目是一个基于Web技术的交互式钢琴音乐模拟器，旨在为用户提供一个沉浸式的音乐创作和演奏体验。随着数字音乐技术的快速发展，越来越多的人希望通过简单易用的工具来探索音乐创作的乐趣。本应用结合了现代前端技术和音频处理能力，打造了一个功能完整、界面美观的在线钢琴平台。
功能特色
🎹 钢琴键盘
- 完整音域：支持从C4到C5的完整八度音阶
- 视觉反馈：按键按下时有动态效果和颜色变化
- 键盘映射：支持电脑键盘按键映射（A-L对应白键，W-U对应黑键）
- 响应式设计：适配不同屏幕尺寸
🎵 音乐曲库
内置多首经典钢琴曲目：
- 小星星 - 经典入门曲目
- 欢乐颂 - 贝多芬经典
- 致爱丽丝 - 贝多芬名曲
- 铃儿响叮当 - 圣诞经典
- 月光奏鸣曲第一乐章 - 贝多芬代表作
- 肖邦夜曲Op.9 No.2 - 浪漫主义经典
- 贝多芬第五交响曲 - 命运交响曲
- 月光下的云海 - 现代钢琴曲
- 流淌的河水 - 优美旋律
- 雨的印记 - 轻柔钢琴曲
- 追梦赤子心 - 励志曲目
- 彗星 - 现代作品
✨ 视觉效果
- 星空背景：动态闪烁的星空效果
- 星云动画：渐变色彩和流动的星云
- 霓虹风格：赛博朋克风格的界面设计
- 网格背景：科技感十足的网格效果
🎼 自定义演奏
- 音符输入：支持输入自定义音符序列
- 实时演奏：即时播放输入的音符
- 示例曲目：提供常用音符序列示例
技术特点
前端技术
- 纯HTML/CSS/JavaScript：无需额外依赖
- CSS动画：流畅的视觉效果和过渡动画
- Web Audio API：高质量音频播放
- 响应式布局：适配移动端和桌面端
界面设计
- Orbitron字体：科技感十足的字体风格
- 渐变色彩：蓝紫色调的主题配色
- 玻璃拟态：半透明背景和模糊效果
- 动态交互：丰富的鼠标悬停和点击效果
使用方法
基本操作
- 鼠标点击：直接点击钢琴键播放音符
- 键盘演奏：使用电脑键盘按键映射
- 曲目选择：从下拉菜单选择预设曲目
- 自定义输入：在输入框中输入音符序列
音符格式
- 使用标准音符表示法：C4, D4, E4, F4, G4, A4, B4, C5
- 空格分隔多个音符
- 示例：
C4 D4 E4 F4 G4 A4 B4 C5
键盘映射
- 白键：A, S, D, F, G, H, J, K, L
- 黑键：W, E, T, Y, U
项目的演示网页：Qwen钢琴音乐小游戏
项目的代码地址：github.com/F415643/pia…
现在是qwen code 大赛的末期了，制作了好几款网页小游戏希望能拿个小奖励。
