使用Windsurf创建Sprunki游戏落地页（HTML）


REDIBOX SPRUNKI Gar PINKB ND Ca

2创作技巧 ③探素更多可能使用温音器调整音量和效果

CKEL prunki Sprunki Retake Incredib unkP Abgerny Sprunk Phase3

常见问题 探索Sprunki游戏的精彩世界！我们收集了玩家最关心的问题，帮助您快速了解游戏玩法和特色功能。
游戏中有哪些角色可供选择？如何创建音乐节拍？
游戏是否有时问限制？如何解锁新内容？
我可以在移动设备上玩Sprunki吗？如何提高我的分数？
游戏中有道具吗？如何与朋友竞争？
Sprunki游戏是否有成就系统？如何录制我的音乐创作？
Sprunki的难度级别如何？我需要音乐经验才能玩这个游戏吗？
如何参与社区活动？是否支持跨平台游玩？
如果游戏无法加载，我该怎么办？Sprunki是否定期更新内容？
我可以使用自己的音乐吗？如何反馈游戏问题或建议？
Sprunki 快速链接社区关注我们
创道属于你的音乐世界，让创意自由绽放。游戏下载玩家论坛
新手教程创作分享
更新日志活动资讯
常见问题反绩建议

第一步：创建一个游戏落地页

Windsurf设定为Chat模式，直接输入提示词，进入AI对话模式，作为上下文输出依据。进行Chat模式输出代码，需要主动将生成的代码Apply到HTML代码中，也可以直接采用Write模式但稳定性不好

第二步：根据提示输入关键词、Hero结构、Hero文案、配色文案

0：配色方案：粉红色与蓝色、二次元（让AI提供游戏配色建议)
1：关键词：

Soundoops,ocalsBeats,Mlodies,MusicalCompositions,rag-anddopnterface,Cathy CharactersHitNewoundcapes,Visuals,nteractivelementsDedicatedFansw CharacterniqueBeatsRhythms,ewMusicStyles,Genres,TonesniqueVisuals, Animations,EasytoPlay,Accessible,CreativeExpression,Experimentation,Personalized Dynamicoundtrackshooseourounds,Effectsoices,Mix&Match,Experiment,har Mix,Composition,Drag-and-drop Gameplay,User-FriendlyInterface,EndlessPossibilities, SignatureStyle,hareYourreations,Musical Masterpieces,prunkiCommunity,Collaborat,

2:Hero结构：Hero采用左右结构，右侧嵌入一个视频iframe：