使用 Gemini3 创建可互动的 考乐兹猜想
最近 Gemini3 风头正劲,看着它这么厉害,不免心动。买了老牌的搬瓦工机场JustMySocks,又去咸鱼买了成品学生账号,终于可以用 Gemini3 了。
正好给小朋友讲啥是“考乐兹猜想(Collatz Conjecture)”,准备用它来做个演示过程。
打开 https://gemini.google.com/,选择生成 “Canvas”,然后输入下面这段话:
你知道考乐兹猜想吗?我想做一个PPT,配色就从马卡龙色系来选择。第一页是考乐兹猜想的介绍,第2页开始上面有个按钮,写着数字27,点一下27,就会在后面出现按照考乐兹计算出的下一个数字,再点击一下新出现的数字,又会在后面出现新的按钮。就像这样循环下去,每10个按钮为一行,按钮的背景色按照奇数和偶数分为两种不同的颜色。
整体结构都有了,不过第3页根本没有可以点击的按钮。于是继续对话...
生成的ppt里面第3页没有按钮
非常抱歉,可能是因为脚本加载或执行的时机问题导致第一个按钮没有显示出来。
为了确保万无一失,我修改了代码,直接在第 3 页的 HTML 中静态加入了第一个“27”按钮,并优化了脚本逻辑,确保您打开文件时就能看到它,并且点击交互依然有效。
以下是修复后的完整 HTML 代码:考乐兹猜想(修复版)
这次生成的 PPT 中,第 3 页的按钮 27 已经直接写在 HTML 代码里了,请打开看看,现在应该可以正常点击并生成后续数字了!
可实际上还是不能交互,点击数字 27,直接到了下一页;为了验证是不是在线看效果不一样,就下载到本地,发现依然没有效果。继续对话...
没有发现HTML,点击 27 直接跳到了下一页,请重新帮我设计一下,并且配色改成莫兰迪色系。
这次就比较厉害了,没有使用 PPT 的形式,而且采用了 HTML 网页,输出了一长串的代码:
在 Preview 预览界面是这样的,一共有459行代码,拷贝到本地,保存成 HTML 文件,效果完美,就是我最开始想要的效果。
发现 Typecho 对代码显示支持不太好,就不贴代码了,直接提供HTML文件,感兴趣可以下载看一下:collatz.zip
这点事情对 Gemini 应该是大材小用,强烈推荐大家都来试一下。