Hi V2EX 的各位，
周末在家闲着没事，为了验证小时候那个“一直往下挖能不能挖到阿根廷”的脑洞，撸了一个基于 React + Leaflet 的网页小游戏：Antipode Challenge 。
本来以为是个简单的地图映射 Demo ，结果做完之后自己玩了两把，发现这个世界的 BUG 实在太多了。
🌍 这个东西是玩什么的？
简单来说，这就是一个**“地球三明治”寻找器**。
核心机制是一个实时的“地心透视镜”：当你拖动地图时，屏幕中心的准星会实时计算并渲染出**地球正对面（对跖点）**的卫星图像。
你的目标就是：在地图上找到那些罕见的**“陆地-陆地”**重叠点（比如北京 <-> 阿根廷，西安 <-> 智利），然后打卡解锁成就。
🛠️ 开发过程中的“崩溃”体验
作为一个开发者，做这个项目最大的收获不是技术，而是对地理常识的降维打击：
太平洋大得离谱： 在做调试的时候，我经常随手把坐标设在美国，结果发现无论怎么拖，对面全是深蓝色的海。查了数据才知道，地球表面 71% 是水，但在二维地图上我们往往对这个比例没概念。在这个工具里，你会切身体会到什么叫“绝望的蓝色”。
神仙对位： 以前凭直觉觉得“澳洲对面是英国”、“上海对面是纽约”，实际上挖下去全是海里的鱼。真正能形成“地球三明治”的地方少得可怜。
🔗 传送门
试玩地址： https://true-size.com/game/land-hunter
👨💻 技术栈
Frontend: React, Tailwind CSS
Map: React-Leaflet (自定义了 Overlay 逻辑来实现双层渲染)
Animation: Framer Motion (负责那些 UI 里的 Q 弹效果)
如果你觉得自己地理感很好，或者运气爆棚，欢迎去挑战一下能不能集齐护照里的印章。
如果有任何 Bug 或者关于地图投影的建议，欢迎大佬们拍砖！🙏
周末在家闲着没事，为了验证小时候那个“一直往下挖能不能挖到阿根廷”的脑洞，撸了一个基于 React + Leaflet 的网页小游戏：Antipode Challenge 。
本来以为是个简单的地图映射 Demo ，结果做完之后自己玩了两把，发现这个世界的 BUG 实在太多了。
🌍 这个东西是玩什么的？
简单来说，这就是一个**“地球三明治”寻找器**。
核心机制是一个实时的“地心透视镜”：当你拖动地图时，屏幕中心的准星会实时计算并渲染出**地球正对面（对跖点）**的卫星图像。
你的目标就是：在地图上找到那些罕见的**“陆地-陆地”**重叠点（比如北京 <-> 阿根廷，西安 <-> 智利），然后打卡解锁成就。
🛠️ 开发过程中的“崩溃”体验
作为一个开发者，做这个项目最大的收获不是技术，而是对地理常识的降维打击：
太平洋大得离谱： 在做调试的时候，我经常随手把坐标设在美国，结果发现无论怎么拖，对面全是深蓝色的海。查了数据才知道，地球表面 71% 是水，但在二维地图上我们往往对这个比例没概念。在这个工具里，你会切身体会到什么叫“绝望的蓝色”。
神仙对位： 以前凭直觉觉得“澳洲对面是英国”、“上海对面是纽约”，实际上挖下去全是海里的鱼。真正能形成“地球三明治”的地方少得可怜。
🔗 传送门
试玩地址： https://true-size.com/game/land-hunter
👨💻 技术栈
Frontend: React, Tailwind CSS
Map: React-Leaflet (自定义了 Overlay 逻辑来实现双层渲染)
Animation: Framer Motion (负责那些 UI 里的 Q 弹效果)
如果你觉得自己地理感很好，或者运气爆棚，欢迎去挑战一下能不能集齐护照里的印章。
如果有任何 Bug 或者关于地图投影的建议，欢迎大佬们拍砖！🙏
目前尚无回复
Select Language