Datawhale AI 冬令营学习笔记-零编程基础制作井字棋小游戏

devtools/2024/12/29 2:50:25/

井字棋小游戏是通过豆包MarsCode实现的,没有改动任何的代码,全部是通过对话让AI进行优化和改进。

开始进入正题:进入豆包MarsCode在线IDE,直接点击上方蓝字,或复制链接打开: 豆包 MarsCode - 编程助手。

IDE界面:

开始通过Promt让AI制作一个井字棋。

参考Prompt:

请你基于html、tailwind css和javascript,帮我设计一个“井字棋游戏”。要求UI简洁美观大方,同时具有呼吸感,人类玩家以及电脑玩家放置棋子,游戏胜负平局判定条件能够完美实现。

1.AI根据提示词生成了如下界面,感觉是不能用的,页面很不好看。

2.继续做调整,让它显示边框

3.好了,这是啥玩意

4.于是继续优化

5.还是不理想。

6.加大棋盘的显示部分

7.终于像样了,泪目( Ĭ ^ Ĭ )

8.继续在这个基础上进行优化,最终效果图如下:

总结:这个井字棋小游戏全程都是通过对话让AI生成对应的代码,然后复制拷贝到IDE相应的运行文件中,然后运行在线IDE得到游戏界面。给我的感觉就是,AI虽然是一个代码高手,但是如果它没有理解你的需求或者是你给它表达的需求说明不够明确,那生成得到的代码要改进的地方就很多。我们经常说程序员要被AI取代了,但是通过体验这个AI辅助编程IDE,我觉得AI想要完全取代程序员还是很难的,它没有像人类一样的思维能力,有时候即使你描述的内容最够清楚,它生成的代码还是与你想象的不一样。平时我们开发软件系统,有时都无法真正理解客户的需求和想要的功能,更何况AI。所有,大可不必担心AI能取代程序员进行编码,程序员应该除了进行编程能力的提升外,更重要的还是要提升业务能力,理解客户的痛点,运用AI进行辅助编程,提供工作效率。


http://www.ppmy.cn/devtools/146279.html

相关文章

vue中的css深度选择器v-deep 配合!important

当 <style> 标签有 scoped 属性时&#xff0c;它的 CSS 只作用于当前组件中的元素&#xff0c;父组件的样式将不会渗透到子组件。 如果你希望 scoped 样式中的一个选择器能够作用得“更深”&#xff0c;例如影响子组件&#xff0c;你可以使用深度选择器。 ::v-deep { } 举…

TCP Vegas拥塞控制算法——baseRtt 和 minRtt的区别

1. baseRtt&#xff08;连接过程中的最小 RTT&#xff09; baseRtt 是在整个连接过程中观察到的最小 RTT&#xff08;往返时间&#xff09;。通常它是在连接初始化时或者在网络的稳定状态下&#xff0c;测量并记录的最小 RTT 值。 baseRtt 用来作为衡量网络传输速率的基准。它…

transformer用作分类任务

系列博客目录 文章目录 系列博客目录1、在手写数字图像这个数据集上进行分类1. 数据准备2. 将图像转化为适合Transformer的输入3. 位置编码4. Transformer编码器5. 池化操作6. 分类头7. 训练8. 评估总结流程&#xff1a;相关模型&#xff1a; 1、在手写数字图像这个数据集上进行…

Springboot jar包加密加固并进行机器绑定

获取机器码&#xff0c;通过classfinal-fatjar-1.2.1.jar来获取机器码 命令&#xff1a;java -jar classfinal-fatjar-1.2.1.jar -C 对springboot打包的jar进行加密功能 java -jar classfinal-fatjar-1.2.1.jar -file lakers-ljxny-3.0.0.jar -packages com.lygmanager.laker…

华为 AI Agent:企业内部管理的智能变革引擎(11/30)

一、华为 AI Agent 引领企业管理新潮流 在当今数字化飞速发展的时代&#xff0c;企业内部管理的高效性与智能化成为了决定企业竞争力的关键因素。华为&#xff0c;作为全球领先的科技巨头&#xff0c;其 AI Agent 技术在企业内部管理中的应用正掀起一场全新的变革浪潮。 AI Ag…

深入理解.NET内存回收机制

&#xff3b;前言&#xff1a;&#xff3d;.Net平台提供了许多新功能&#xff0c;这些功能能够帮助程序员生产出更高效和稳定的代码。其中之一就是垃圾回收器(GC)。这篇文章将深入探讨这一功能&#xff0c;了解它是如何工作的以及如何编写代码来更好地使用这一.Net平台提供的功…

nginx-1.23.2版本RPM包发布

nginx-1.23.2-0.x86_64.rpm用于CentOS7系统的安装&#xff0c;安装路径与编译安装是同一个路径。安装方法&#xff1a; 将nginx-1.23.2-0.x86_64.rpm上传至目标服务器&#xff0c;执行rpm -ivh nginx-1.23.2-0.x86_64.rpm命令进行安装。 卸载方法&#xff1a; 卸载前先将nginx服…

微信流量主挑战:三天25用户!功能未完善?(新纪元4)

&#x1f389;【小程序上线第三天&#xff01;突破25用户大关&#xff01;】&#x1f389; 嘿&#xff0c;大家好&#xff01;今天是我们小程序上线的第三天&#xff0c;我们的用户量已经突破了25个&#xff01;昨天还是16个&#xff0c;今天一觉醒来竟然有25个&#xff01;这涨…