红帽子AI软件开发系列1:《照片换背景工具》
发表于 2024-11-11 18:56:47

        大家好,我是你们的InsCode老师红帽子先生,今天我将带领大家进入AI软件开发的神奇之旅,希望在这一系列的游戏开发课程中,能够让大家认识到InsCode AI编程的魅力。

        相信许多小伙伴都有遇到因为提交资料需要指定背景颜色照片的经历,虽然我们经常保存有符合尺寸要求的照片图片,但因为背景色不符合要求而不得不重新拍照,今天我们就来尝试编写一个小工具,帮助我们快速的对照片进行背景换色。

一、下载安装

        首先,我们打开浏览器,输入地址:https://inscode.csdn.net,进入到InsCode官网,InsCode本身是一个开发平台,包含了Web版和桌面版两个版本,Web版本提供了基于AI的多语言开发环境,并提供了一键部署到云生产环境的服务,非常适合做一些基于网页形态的服务类应用。而桌面版IDE则提供了更为专业的AI编程体验。

        点击“下载桌面版AI IDE”按钮,会进入到InsCode AI IDE的下载安装页面,在简介里我们可以看到InsCode AI IDE 前端用了 VSCode Monaco Editor 和部分视图组件,兼容 VSCode 插件和 CodeArts 自己插件框架。对功能感兴趣的开发者可以点击左边“功能向导”下的功能菜单项进行了解,包括“生成代码”、“代码补全”、“智能问答”、“解释代码”、“添加注释”、“生成单元测试”、“修复错误”等功能,这些具体用法我们也会在后面的实战教学中讲述。在“下载安装”页面点击与当前电脑系统匹配的相应版本下载,下载好后完成安装就可以开始进行AI开发体验了。

二、创建工程

        双击“InsCode”图标后进入到欢迎界面,在这里我们可以选择创建Java或Python工程,咱们当前教学案例主要基于Python为主,所以就点击“创建Python工程”进入到“新建工程”的向导界面。

        在“新建工程”页面,我们填写项目名称为“PictureTool”,然后选择一个位置来创建工程文件夹,然后是Python解释器的环境选择项,可以使用新建一个虚拟环境或使用当前电脑上安装好的Python版本的解释器。点击“创建”后,InsCode AI IDE就按需求创建好工程文件夹,并创建好一个简单的main.py文件作为当前项目的启动文件。

三、代码生成

        下面我们按下CTRL+A全选代码后删除,在空白代码编辑区中按下CTRL+J组合键,呼出AI对话框,这时就可以开始我们本节的软件工具开发了。

        与传统的编程开发不同,采用InsCode AI IDE进行开发,重点并不是掌握编程技巧,而是编写需求说明,专业术语叫提示词(prompt),也就是我们要知道告诉AI什么样的需求说明,才能得到较为满意的生成结果。

        比如,我们在输入框中输入我们的需求:“使用tkinter开发一个照片背景处理工具,可以让用户通过打开按钮打开一张本地图片并显示在界面中,当用户双击图片时弹出选择背景颜色对话框,选中后将鼠标位置的背景色替换为选中的颜色,点击保存按钮后可以将新图片保存到指定文件。”。在这一段提示词中,“tkiner”明确了软件开发的基本界面库采用tkinter,“户通过打开按钮打开一张本地图片并显示在界面中”告诉AI界面上有一个按钮来打开本地的图片。“双击图片时弹出选择背景颜色对话框,选中后将鼠标位置的背景色替换为选中的颜色”指出通过双击操作对相应的背景色进行替换,“点击保存按钮后可以将新图片保存到指定文件”说明了通过保存按钮弹出保存文件位置来进行保存。             

     输入完成后,我们按下回车键,稍作等待后,InsCode AI IDE就会在代码编程区中生成出工具软件的代码了。

        等生成过程结束后,最上部AI对话框的中的生成按钮会消失,变成“补充生成提示”、“取消”、“接受”三个按钮。分别用于对当前代码进行提示词完善后再次生成或者对当前生成的结果进行取消或接受。

        点击“接受”采纳生成的结果,然后在IDE右上角点击按钮,就会启动运行,这时我们就能看到一个界面:

        点击“打开图片”按钮,选择一张照片图片,这时界面会显示出对应的照片,双击头像周围的白色区域,这时会弹出选择颜色的对话框。

        我们选择蓝色,然后点击“确定”,可以看到白色的背景色更换为蓝色了。

四、代码修改

        不过,这样的换色很生硬,看起来有很多杂点,我们还需要继续对替换算法进行改进,下面我们先全选代码,然后按下CTRL+J,在弹出的对话框里输入“调整颜色替换的容错能力,去掉杂点。”后按下回车键。

        这样AI就会对代码进行理解和修改,并在修改行处高亮显示,我们可以根据代码生成的准确性来选择是否按受或拒绝对应行的修改。

        再次运行后,我们可以看到它调整了像素容错度,比之前看起来好多了。

        

五、总结

         今天我们通过简单的几句对话,就实现了一个照片换背景色的小工具,项目不大,但很实用,当然这种方式的抠图仍然有一些生硬,当下比较好的办法是直接使用一些大厂提供的云服务API,各位同学可以在课后自行进行尝试。

        最后、感兴趣的小伙伴可以加用户群、和红帽子先生一起讨论AI软件开发啦!

        

CSDN官方微信
扫描二维码,向CSDN吐槽
微信号:CSDNnews
微博关注
【免责声明:CSDN本栏目发布信息,目的在于传播更多信息,丰富网络文化,稿件仅代表作者个人观点,与CSDN无关。其原创性以及文中陈述文字和文字内容未经本网证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网不做任何保证或者承诺,请读者仅作参考,并请自行核实相关内容。您若对该稿件有任何怀疑或质疑,请立即与CSDN联系,我们将迅速给您回应并做处理。】