构建一款互动式GTA风格地图
从小时候起，GTA就是我玩过的最早的游戏之一，从那一刻起我就成了它的忠实粉丝。一直让我着迷的一点是屏幕角落里那个小小的圆形地图，它会显示你的位置以及你在游戏世界中的移动方向。它的运作方式与谷歌地图这样的真实导航系统非常相似，但体验上更加沉浸和互动。
这个想法启发我为现实世界创造类似的东西——一个互动式圆形地图体验，能够响应真实的移动和脚步声，就像《GTA》中的那样。
于是，我创建了StrideCity——一款互动式GTA风格地图，将行走变成类似游戏的体验。该项目采用圆形显示屏，在屏幕上呈现一个受GTA启发的环形迷你地图。当用户迈步时，设备会利用内置的6轴IMU传感器检测移动和震动，并据此使地图相应移动。这营造出一种真实感，仿佛你正在实时穿越地图，就像在玩GTA游戏一样。
该项目采用WaveShare ESP32-S3圆形显示屏构建，该显示屏已内置IMU传感器和电池充电电路，使得硬件配置简单且紧凑。为了使设备便于携带且耐用，我在Tinkercad中设计了一个定制的3D打印外壳，赋予其坚固且可穿戴的外形。
这个项目是一个充满乐趣和创意的春季假日手工制作，让我得以追随自己的热情，探索新想法，并在过程中从各种有趣的挑战和经历中不断学习。
关于GTA
《侠盗猎车手》(GTA)是史上最具有影响力的动作冒险类电子游戏系列之一。该系列最初由DMA Design(现为Rockstar North)于1997年开发，并由Rockstar Games发行。凭借开放世界沙盒式玩法、电影级叙事以及玩家探索广阔虚拟城市的自由，该系列在全球范围内广受欢迎。
多年来，《GTA》已发展成为全球性的游戏现象，拥有《侠盗猎车手V》(GTA V)及其多人模式《GTA Online》等标志性作品。该系列尤其以沉浸式的游戏环境、逼真的城市地图以及帮助玩家在游戏世界中导航的互动迷你地图系统而闻名——这一理念正是“StrideCity”项目的主要灵感来源。
材料
完成这个项目，你只需要几个组件就能让项目生动起来：
•Waveshare 1.28英寸ESP32-S3圆形触摸屏
•500mAh 锂聚合物电池
•USB Type-C 数据线
Waveshare 1.28英寸ESP32-S3圆形触摸屏
这是该项目的核心——一款紧凑而功能强大的开发板。它配备了一块1.28英寸电容式触摸LCD、内置ESP32-S3微控制器，以及一个集成的6轴传感器(三轴加速度计+三轴陀螺仪)，非常适合用于交互式项目。此外，还配有锂离子电池充电管理器，便于便携使用。凭借其小巧的外形和丰富的功能，易于集成到DIY制作或最终产品中。
500mAh 锂聚合物电池
这款可充电的锂聚合物电池为设备提供便携式电源，即使在断电情况下也能确保持续运行。500mAh的容量非常适合本项目——体积小巧，可轻松放入3D打印外壳中，同时仍能提供数小时的备用电力。它与Waveshare ESP32-S3圆形显示屏完美搭配，因为该主板已内置Type-C接口的锂离子电池充电管理器，集成过程简单且可靠。我选择这款电池是因为它轻巧、安全，并且在尺寸、容量和兼容性方面恰好满足了显示屏模块的需求。
3D打印外壳
在Tinkercad中设计，可紧密贴合ESP32-S3圆形显示屏和500mAh电池。外壳采用流线型圆柱形设计，预留Type-C接口空间。轻巧、紧凑且外观现代，既能保护设备，又能与家居环境完美融合。
USB Type-C 数据线
用于为500mAh锂聚合物电池充电以及将代码上传至ESP32-S3圆形显示屏，性能可靠。标准可靠的Type-C数据线让开发和日常使用变得简单便捷。
在Tinkercad中设计外壳
我希望外壳看起来和圆形显示屏一样简洁现代。我使用TinkerCAD设计了一个三部分卡扣式外壳——前面板、后盖和中间环。在设计之前，我仔细测量了显示屏、电池和USB Type-C接口的尺寸，确保所有部件都能紧密贴合，不留多余缝隙。中间部分可牢固固定显示屏，同时为充电口留出整洁的开口。卡扣式设计无需螺丝，安装简便，重量轻，易于维护，同时保持专业美观的外观。
3D打印外壳
打印详情：
•喷嘴：0.1毫米(适用于精细细节和光滑表面)
•填充物：20%(坚固且轻盈)
•材质：ABS – 黑色(耐用、耐热，外观专业)
编程设备(Arduino IDE)
安装所需库
在 Arduino IDE 中，打开库管理器并安装：
•TFT_eSPI
配置 TFT_eSPI
•打开文件：
•文档/Arduino/库/TFT_eSPI/用户设置选择.h
•取消注释：
•注释：
修改设置文件
将此行添加到“Setup302_Waveshare_ESP32S3_GC9A01.h”文件中。
设置棋盘设置
将电路板配置与参考图所示一致(ESP32-S3、正确的闪存、PSRAM等)。
连接设备
使用USB Type-C数据线将Waveshare ESP32-S3显示屏连接到电脑。
编译并上传
点击“验证”以编译代码。
然后点击上传，将固件刷入设备。
上传后，您将在屏幕上看到GTA地图。
装配
•清理3D打印部件，去除支撑结构并打磨边缘。
•将显示屏插入顶部，确保USB-C接口对齐。
•将中间框架固定到位，以牢固地保持显示屏。
•连接500mAh锂聚合物电池并将其放入内部。
•添加泡沫部件以保持组件紧固和稳定。
•关闭后盖，直到卡扣连接处锁定为止。
使用设备
使用起来非常简单，互动体验也极其有趣，让日常活动如步行或骑车变得更加令人兴奋和愉快。动态的GTA风格地图营造出独特的感受，让你仿佛在真实生活中穿梭于虚拟世界之中。
•当设备开启时，GTA风格的地图会以固定位置显示在屏幕上。
•当你开始行走或移动时，显示屏会通过内置传感器检测到动作，使地图像真实GTA迷你地图一样随之移动。
•移动越快，地图滚动得越快;移动越慢，地图移动得越缓慢，从而营造出逼真且互动的体验。
•如有需要，也可直接在代码中调整运动灵敏度，以匹配不同的步行或骑行方式。
改进与未来想法
以下是该项目未来改进和升级的一些想法：
•创建一个BLE移动应用，用于实时显示步数和其他活动数据。
•让地图使用用户实时的GPS位置，提供真实的导航体验。
•减小设备整体厚度，使其更轻便，便于携带。
•将设备转换为钥匙扣版本，方便随身携带和使用。
•为自行车或汽车设计专用支架，方便在旅行或户外探险时使用StrideCity。
本文编译自hackster.io
下载文档
