借助AI,不会编程也能开发互动仿真程序!

10次阅读

AI是知识工作者的挖掘机,大幅提升教学与科研生产力。

————————————————

本文摘一段AI时代教师必备技能》课程群中的对话,体现了大模型AI所具备的强大的能力、以及老师们互相协作、群策群力的精

首先,AI课程群中的 tanyho网友提出了一个需求: 希望在PPT中实现类似网络上的互动仿真程序才能实现的交互式功能,如下:

借助AI,不会编程也能开发互动仿真程序!

有网友提出用Flash做,可惜不仅费时费力,而且开发出来在浏览器中也用不了……

借助AI,不会编程也能开发互动仿真程序!

tanyho网友接着提议: 可以让AI生成! 他自己确实也试了,在Kimi中也确实生成了一版html代码:

借助AI,不会编程也能开发互动仿真程序!

可惜,经实测无法正确使用……

群里的 金振乾老师,用豆包出的marscode试了一下,提示词如下:

借助AI,不会编程也能开发互动仿真程序!

Tanyho网友借鉴了这段提示词,用Kimi生成了一段html代码, 意外地发现:竟然成功了!

借助AI,不会编程也能开发互动仿真程序!

群里一片欢腾:

借助AI,不会编程也能开发互动仿真程序!

接着难题又来了, Tanyho网友希望把这段html代码 插入到PPT中,以便直接在PPT播放时使用,这可又难住了他……

此时,群里的 项骏老师直接把需求输入给Kimi,Kimi也给出了回答:

借助AI,不会编程也能开发互动仿真程序!

然后一试,您猜怎么着?居然也成功了!

借助AI,不会编程也能开发互动仿真程序!

Tanyho网友表示:今天真的太高兴了!

借助AI,不会编程也能开发互动仿真程序!

最后,Tanyho网友热心地把整个过程总结如下:

——————————————

【需完成的任务】采用 KIMI 模型,生成 《电路原理》中公式的实时计算,用滑块更新,并放到 PPT

第一步】Kimi 中,输入提示词

web 页面中使用 javascrpit 完成以下任务:添加三个滑块,取值范围为 0 100,可以通过拖动改变它们的值,并实时显示到滑块旁 边的标签上;第 1 个滑块的名字为电阻率,第 2 个滑块的名字为长度,第 3 个滑块的名字为面积;还有一个标签,可以显示第一 个滑块值乘以第二个滑块值再除以第三个滑块值,这个滑块的名字为电阻

大模型输出:

借助AI,不会编程也能开发互动仿真程序!

……

【第二步】在Kimi中点击“复制”,将复制上述代码至 txt 文件中,并另存为 t1.html

【第三步】双击文件名 t1.html ,即可看到如下的图, 改变其中一个滑块的值,R 的值跟着改变

借助AI,不会编程也能开发互动仿真程序!

【第四步】打开 PPT, -选择“插入”->“对象”,在弹出的对话框中选择“由文件创建”,然后选择“浏览,选择”t1.html 然后,在 PPT 中即可运行上述程序。

——————————————

【王珏老师继续深挖】

我看到Tanyho发的那个仿真程序——不仅电阻值的数值会变化,而且还有一个代表电阻值的矩形块,大小也会变化。

这个功能非常形象、也很吸睛,不过在前面大家实现的代码中却没有实现。因此,我在上述提示词的基础上,进一步提出要求,看看kimi能不能做得到:

请在“电阻值”的右侧,显示一个带有黑色渐变的矩形,以矩形面积的变化代表电阻值的变化

没成想,Kimi一口应承了下来:

借助AI,不会编程也能开发互动仿真程序!

……

借助AI,不会编程也能开发互动仿真程序!

嘿,看样子,不仅矩形块宽度会变,还直接给做了个“平滑”变化的效果!

把上述代码放到notepad里,存为html文件,用浏览器打开它:

真不得了!果然随着上面三个滑杆的数值变化,矩形块面积会随之变化!

咦?还是不对!滑杆虽然变化了、电阻值也在变化,但是 滑杆旁边的数值却没变(始终是50)?

确实,王珏老师尝试时发现:大模型AI输出的代码可能会有各种小问题。不过,也无需紧张,我们接着让它修正就好。

于是我给Kimi反馈了这一错误

滑杆变化时,滑杆所对应的数值没有变化,请排查、修正

Kimi态度是真好,而且似乎马上就发现了错误所在:

借助AI,不会编程也能开发互动仿真程序!

(中间还经过了多次对话、调整)最后这一版,就非常完美了:

借助AI,不会编程也能开发互动仿真程序!

(顺便说一句:这一版连我提出的滑块需要有“黑色渐变”也满足了,可见大模型输出的代码还是不稳定,需要多次对话、不断修正)

王珏老师和Kimi的详细对话记录,可参见如下二维码:返回搜狐,查看更多

责任编辑:

正文完
 0
网站地图