← 全部文章 ~/posts/gemini-canvas-starlink
BLOG · 实战长文

零代码带娃手搓 Starlink?Gemini 3.1 Canvas 开年保姆级教学

文章头图:零代码带娃手搓 Starlink?Gemini 3.1 Canvas 开年保姆级教学

Gemini Pro 3.1 刚刚更新,我对它史诗级加强的 Canvas 功能爱不释手。刚好周末准备带五年级的儿子去天文馆,我决定不翻科普书,也不给他用豆包,我准备用Gemini Pro 3.1可视化概念验证。

我用几段 Prompt 跑了一个月全食的 3D 交互模拟器。拖动时间轴,地球本影(Umbra)和半影(Penumbra)的光影关系一目了然。

月全食演示

首先我们看看生成好的视频,我会把完整体验链接放到文章后面:

文章配图

第一步,先问Gemini3.1Pro生成一个合适的开发文档:

文章配图

第二步 ,整理拷贝Prompt,并选择Canvas和Pro 3.1,等待几分钟就可以生成完整dem:

构建一个高保真、交互式的 3D 月全食(Total Lunar Eclipse)天文模拟器。使用高分辨率的月面高程贴图(如 LRO 观测数据)渲染一个精细的 3D 月球模型。

轨道精度(Orbital Accuracy): 拒绝简化的圆周运动,实现基于 JPL 历表的多体历元(Multi-Body Ephemeris)逻辑。根据实时 UTC 时间计算**日-地-月共线(Syzygy)的精确几何关系,必须准确展示月球穿过地球本影(Umbra)与半影(Penumbra)**的动态过程。大气折射渲染: 实现一个大气散射着色器(Atmospheric Scattering Shader)。模拟太阳光穿过地球边缘大气层时的瑞利散射(Rayleigh Scattering),将滤出的长波红光投射至月球表面,从而在全食阶段呈现出基于物理效果的**“血月”深红色泽**。建立一个高频异步计算循环,每 10 秒更新一次月球在黄道坐标系下的精确位置。包含一个实时显示食分(Magnitude)、地月距离以及月面光度变暗百分比的面板。集成接触时刻追踪器,精确标注初亏(P1)、食既(U2)、食甚、生光(U3)及复圆(P4)的实时进度。最终呈现为一个高端、交互式的深空监测仪表盘,确保月面阴影的边缘模糊度与地球大气层厚度产生的物理现象完全一致。
文章配图

儿子的星链demo

更有意思的是儿子的实操。看懂了天体运行后,他对 Starlink产生了兴趣。他突然问我:“老爸,如果地球上某个地方发生大地震,地面基站全断了,星链卫星能自动调度飞过去补网吗?”

我没有直接回答,而是借机植入工程思维:“这是个极佳的例子。我们可以一起用AI把你需求说清楚,定义,让 AI 把它们跑出来。”

小家伙似懂非懂,按住语音输入对 Canvas 说:“在画布的地球上加一个随机地震事件。调度最近的卫星,让它们聚集到灾区上空。”

文章配图

Gemini 3.1 Pro 重构了 WebGL 代码。几秒钟后,在右侧的渲染面板里,几颗高亮卫星真的在 3D 地球上完成了灾区集结!看着儿子兴奋地在面板里调试参数,我极其确信一件事:当“写代码”不再是壁垒时,“定义业务逻辑”和“设计验证闭环”才是最关键的。Canvas能降低视觉认知负荷,加速验证闭环。

这轮更新,Gemini 3.1 Pro它终于偷师了 Nano Banana Pro 的审美。你可能会觉得 3.1 “更美观了”, 3.0 时代的 Canvas已经很强了,但偶尔充满了“草台班子”的粗糙感,排版生硬、高亮迟钝。而 3.1 终于拥有了类似 Nano Banana Pro 那种克制、高级的极客审美。 字体排印(Typography)、代码块的高亮、富文本的渲染边界,变得极度清晰。

带着孩子一起手搓几个好玩的东西吧,这绝对比任何编程辅导班都有意思。

First published on X 本文首发于 X @MinLiBuilds · X 93K 阅读 去 X 看原帖、参与讨论 →