有了ai生成代码以后,顺手做些小前端应用的页面变得更方便了。
今天想做个电子木鱼的小页面。
高速豆包想要做的功能,使用网页来。先让他生成一个基础代码。
做一个敲木鱼的网页。
然后根据豆包生成的代码,找到一些素材,第一个素材是木鱼敲击的声音,mp3格式的。
第二个素材是木鱼的背景图片,这个让豆包图片生成来干,很快生成了几副木鱼图片。
这里遇到一个问题木鱼在ai眼里一定要有个鱼的样子,不过这也是一个新的图片,可以让自己木鱼与张口的那种木鱼有所区别。
然后逐根据自己测试组合成网页,再根据自己的需求继续增加功能。
陆续测试,然后逐渐让豆包给增加了几个功能。
0、基本敲木鱼功能
1、木鱼敲击次数计数,不考虑服务端,都在本地存储。
2、多个木鱼敲击声音可以替换,方便不同需求的木鱼声音需求。
3、木鱼敲击声音静音,适合不发声的环境使用。
4、木鱼图片更换功能,ai生成了多张木鱼图片,我看都挺好看,不要浪费。
5、可以自动敲击木鱼,毕竟是电子木鱼,就要自动化一点,一直敲屏幕手疼,有消耗屏幕点击寿命,自动敲木鱼可以解放手指和触屏。
6、增加显示佛言彗语,设置佛言显示间隔。敲击多少次换一句。显示的内容当然也是ai生成,作为初学者可以变看木鱼敲击边读彗语。
7、增加木鱼敲击反馈,没有设计木鱼的敲击锤,所以可以换个思路,点击时做个按压反馈。
[……]