V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zengfei1210
V2EX  ›  分享创造

我把“地图大小对比”做成了一个游戏合集:拼图、国旗竞猜,还有烧脑的“Map Packer”

  •  
  •   zengfei1210 · 21 小时 34 分钟前 · 521 次点击
    大家好,我是 true-size.com 的开发者。

    之前的版本主要是为了复刻和体验 The True Size 的墨卡托投影对比功能。但在开发过程中,我发现基于 Leaflet 和地理数据其实可以延展出更多有趣的玩法。

    最近我在网站上大更新,增加了 4 个独立的地理游戏模式,希望能用更直观(且好玩)的方式科普地理知识。

    👉 主站地址: https://true-size.com/

    🎮 4 种新玩法 (点击直达):

    1. Map Packer (地图装箱挑战) 🔥 推荐

    玩法:这是一个空间几何挑战。例如“多少个英国能填满一个中国?”或者“多少个日本能塞进巴西?”

    技术:引入了 Turf.js 做实时的多边形碰撞检测和包含判定,支持旋转和自由摆放。

    2. Flag Quiz (国旗闯关)

    玩法:不仅仅是认国旗,结合了地理位置。共设计了 10 个难度级别,从五常大国到太平洋岛国,越往后越难。

    机制:增加了连对撒花特效、防卡关的鼓励机制。

    3. Mercator Puzzle (墨卡托拼图)

    玩法:把严重变形的国家拖拽回它在赤道或原本的正确纬度,恢复其“真实身材”。

    4. Size Showdown (面积对决)

    玩法:简单粗暴的直觉测试。随机抽取两个国家,凭第一感觉判断谁的国土面积更大(由于投影误差,直觉往往是错的)。

    🛠 技术栈与折腾心得

    前端:React + Leaflet + Tailwind CSS

    交互:Leaflet-Geoman (魔改了无头模式,用于解决多边形拖拽、边缘自动滚屏 Auto-Pan 的手感问题)

    计算:Turf.js (纯前端计算 GeoJSON 几何关系)
    6 条回复    2025-12-15 14:25:17 +08:00
    cbais7890
        1
    cbais7890  
       20 小时 41 分钟前
    Puzzle Pieces 蛮有意思! 不过有个小 bug, 图层首次从侧边栏拖动出来的时候不会随着纬度变化而缩放, 但是 drop 一次再 pick 起来就会缩放了.
    infyni
        2
    infyni  
       8 小时 59 分钟前
    这广告位置体验也太不好了
    sss15
        3
    sss15  
       8 小时 46 分钟前   ❤️ 2
    这有问题啊,台湾省呢?
    2en
        4
    2en  
       7 小时 48 分钟前
    @sss15 哈哈哈
    lns04226
        5
    lns04226  
       3 小时 17 分钟前


    半年前就有人问了,OP 显然看到了,但就是不愿意改,只能说屁股就歪在这了 @sss15
    lns04226
        6
    lns04226  
       3 小时 14 分钟前
    OP 那个帖子里面还在那扯什么什么标准,笑死,把这地图网站发到国内的社交平台去,看看网友认标准还是认实际地图
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   4975 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 09:39 · PVG 17:39 · LAX 01:39 · JFK 04:39
    ♥ Do have faith in what you're doing.