小红书卖49的课件,我用vibecoding手搓出来了!地球绕太阳转+知识点互动,源码全开源!

上次教大家用vibecoding做了一个3D地球，可以随便拖拽、缩放，还能看各国位置的网页。Vibe coding心法，AI编程就是搭积木。给你一个网页地球，你会去做什么？

本是吐槽开源闭源的，但是确实也佩服有商业头脑和行动力的人。他们是另一种玩法，真正把AI变成收入生产力。而开源者则是技术进步追求者，两种人群的追求不一致。

为了继续vibecoding心法的交流，为了延续我开源的地球，发现某书上卖49块钱一份的“太阳系地球互动课件”，正好可以基于我开源的网页很简单的指令就实现。

那这次的需求呢？说白了就两条：

1. 地球得绕太阳转——公转轨道、速度、角度，都得有。

2. 地球和太阳的知识点得能互动。

   

听着不难吧？

但翻车的地方在哪呢？在于我高估了自己的地理知识。我真忘了。

所以我只能做出一些最简单的大众知识点，具体的一些设计，如果有时间其实是可以让AI帮助你头脑风暴，然后慢慢扩充的。而我为了效率牺牲了功能，有条件愿意尝试的朋友，可以基于此再进行扩充，也欢迎给我反馈。

vibecoding，想法和创意真的比技术重要，但“懂那个领域”比会写代码还关键。

AI没法替你回忆起你初中地理课本上那些知识点。

你越是懂你想要表达的内容，你给AI的提示词就越精准，做出来的东西就越值钱。

反过来，如果你自己都是半桶水，那AI也只能给你个半成品。

虽然比不过某书那个49块的精致，但核心功能都有了，而且你可以自己接着改。

网页效果：

真正懂的人，还能怎么优化？

如果你地理基础好，或者你本身就是老师，那你完全可以在这个基础上：

• 把轨道改成椭圆，调整偏心率；

• 做出四季和昼夜长短的变化；

• 加一个月球，演示潮汐；

• 甚至做成教案模式，一页一页讲解。

技术层面，vibecoding已经帮你把最难的三维渲染和交互逻辑搞定了。剩下的，就看你对这个领域理解有多深。

这个项目我给它打70分。够用，但不完美。完美的那部分，等你来补上。

源码我照常开源，需要的兄弟自取。如果你在此基础上做出了更牛的版本，记得回来踢我一脚，我也学习学习。

咱们下期见。

关注喷喷白后私信：地日运动 自动发源代码连接