DEV Community
·
"吵闹怪物 🎶👾"
内容提要
我开发了一款音乐应用，用户可以在场景中放置怪物并录制自定义音频，怪物的声音会循环播放，创造活泼的音频体验。应用使用了PixiJs、ToneJs、Vue等技术，通过Pinata存储和分享场景状态及录音。用户可通过链接分享创作，打开链接即可重现场景。我计划继续改进该项目。
关键要点
-
我开发了一款音乐应用，用户可以在场景中放置怪物并录制自定义音频。
-
怪物的声音会循环播放，创造活泼的音频体验。
-
应用使用了PixiJs、ToneJs、Vue、ComfyUI和Pinata等技术。
-
用户可以通过链接分享创作，打开链接即可重现场景。
-
应用使用Pinata存储和分享场景状态及录音，录音以JSON格式上传。
-
我在提交截止前两天才发现这个挑战，因此需要快速完成应用。
-
计划改进的功能包括引导界面、UI反馈、录音反馈、错误处理和音频效果等。
延伸解读
应用的技术背景
该音乐应用结合了多种前端技术，如PixiJs和ToneJs，提供了丰富的音频和视觉体验。使用Vue框架可以提高开发效率，但作者提到Vue并非必需，这表明在技术选择上可以有更灵活的调整空间。
用户分享功能的优势
应用通过Pinata实现了场景和录音的存储与分享，用户只需通过链接即可重现创作。这种设计不仅增强了用户互动性，还为创作者提供了便捷的分享方式，促进了社区的参与感。
未来改进方向
作者计划在应用中增加引导界面和UI反馈等功能，以提升用户体验。这些改进将有助于吸引更多用户，并提高应用的易用性，尤其是对于新手用户来说。
延伸问答
这个音乐应用的主要功能是什么？
用户可以在场景中放置怪物并录制自定义音频，怪物的声音会循环播放。
应用使用了哪些技术？
应用使用了PixiJs、ToneJs、Vue、ComfyUI和Pinata等技术。
用户如何分享他们的创作？
用户可以通过链接分享创作，打开链接即可重现场景，链接中包含CID。
开发者在项目中遇到了什么挑战？
开发者在提交截止前两天才发现这个挑战，因此需要快速完成应用。
未来计划改进哪些功能？
计划改进的功能包括引导界面、UI反馈、录音反馈、错误处理和音频效果等。
应用如何存储和分享录音？
应用使用Pinata存储和分享场景状态及录音，录音以JSON格式上传。
