当前位置: 首页 > news >正文

不懂代码,我用AI编程给5岁女儿开发了个流光画板(带你一步一步设计一个属于自己的流光画板)

我女儿经常玩的一个画板APP,但是经常弹广告。恰巧看到某家大模型说一句话生成一个画板,抠门的我想着AI编程不是说自己很厉害吗,我就用AI编程尝试去写一个。
靠着记忆让AI生成一个画板html,期初提示词比较笼统“帮我设计一个画板,支持对称画,和普通画,画笔轨迹采用脉冲效果,黑色背景”

经过不断调试,最终效果如下:

以下为我的调试依据,一个问题一个问题挨个添加、调试,直到满意为止。
**左侧为工具菜单:**支持收起,移动端默认收起。
**画笔颜色:**可选中特定颜色或随机颜色,随机颜色为每一笔颜色都各不相同,尽量取色环中对比色。
**画笔大小:**调整笔触粗细
**笔触间距:**调整笔触间距
**画笔形状:**可选则正常画笔、圆形画笔、五角星画笔、三角形画笔。(提示词:笔触要流畅,忽略抖动)
**对称模式:**支持非对称、镜像对称、上下对称、6分镜像对称、8分镜像对称。
**动效控制:**可选择开启和关闭动效(脉冲律动效果),动画速度可调整速度。
**音乐:**最后我还加了背景音乐,3种默认音乐(舒缓、活泼、律动),并支持开启和关闭,连音乐都是由AI自动生成的。
调整完毕后,我把他上传到了艾可秀(AxureShow.com),点击链接可以体验
https://www.axureshow.com/yanshi/NoP4kT4s/
后记,AI发展突飞猛进,很多人只是用来提问,如果再进一步,可以给我们的工作生活带来更多的方便。

http://www.cnnetsun.cn/news/1333327.html

相关文章:

  • VScode快捷键
  • 小白从零开始勇闯人工智能:LangChain 入门指南(下)
  • AI时代的教育“外包”:中国家长将作业辅导交给机器
  • 2026年课程论文降AI率工具推荐:便宜好用才是硬道理
  • 软件系统安全赛初赛misc题-steganography wp
  • 东方仙盟・神识共创共生,智启万象—架构思路—未来之窗行业应用跨平台架构
  • linux-安装配置jdk mysql redis elasticsearch
  • Python 之程序截图的几种方式(含chromedriver下载链接)
  • android studio项目 gradle-xx-bin.zip下载失败或很慢的解决方法
  • AperiSolve 开源项目教程
  • 企业决策视角下微服务全链路性能瓶颈分析平台对比及实践指南
  • 【C语言】程序环境与预处理
  • SCUT_thesis项目:解决长章名换行后不居中的排版问题
  • PowerPlatformConnectors三大类型深度对比:自定义、认证与独立发布者连接器怎么选?
  • Pleaserun vs 手动编写init脚本:效率提升10倍的秘密
  • dbblog部署教程:Docker容器化部署与服务器配置全流程
  • AniVu BitTorrent下载功能深度测评:速度与稳定性全面测试
  • DC-TTS语音合成效果对比:LJ Speech与KSS数据集实测
  • 提升Haskell开发效率:ghcid高级功能与实用技巧
  • Saasify:让API变现从未如此简单!一站式实现API商业化的终极指南
  • Ikemen-GO开发者指南:用Go语言构建自定义格斗游戏引擎
  • GoMLX未来路线图:即将发布的5大令人期待的功能
  • lidar_camera_calib常见问题排查:从数据准备到结果验证的全流程避坑指南
  • 如何用tinygrad实现高效目标检测:YOLO和RetinaNet完整指南
  • 如何用tinygrad实现高效全局优化:从模拟退火到能量最小化的完整指南
  • 提升深度学习模型性能:tinygrad图像数据增强完全指南
  • 如何利用tinygrad数据流水线实现高效数据加载和预处理:从理论到实践
  • 为什么选择gorilla/csrf?深入解析Go语言中最受欢迎的CSRF防护库
  • 终极指南:Renovate如何通过智能机制实现实时安全更新防护
  • 如何使用bevy_ecs_tilemap创建你的第一个瓦片地图:从安装到运行的简单教程