LBS 实景竞技

一场发生在
真实世界的
天使·恶魔对决

基于位置服务的实时多人竞技微信小程序。线下追逐、手机核验、迷雾探索、道具对抗——在你所在的城市开启一场肾上腺素飙升的实景游戏。

首页
游戏中
我的

LBS

实时定位追踪

多人

实时在线竞技

11+

创意对抗道具

WS

毫秒级同步

CORE FEATURES

核心功能

结合 LBS 定位、实时通信与游戏化设计,打造沉浸式线下对抗体验

map

实景地图追逐

集成微信地图 API,实时显示所有玩家位置。天使方追捕、恶魔方逃亡,GPS 轨迹让每一步都充满紧张感。

cloud

迷雾视野系统

信息不对称创造策略深度。视野范围外的区域被迷雾覆盖,你需要用智慧判断对手的位置和动向。

qr_code_scanner

面对面扫码核验

天使必须物理接近恶魔,通过微信扫码或蓝牙近距离感应完成抓捕。真正的线下身体对抗,拒绝躺平!

bolt

实时 WebSocket 通信

毫秒级位置同步、游戏状态推送、道具效果广播。Socket.io 驱动的实时引擎确保每个玩家体验一致。

emoji_events

排行榜与成就

全局积分排行、段位等级系统、游戏数据统计。用实力证明你是最强的天使或最狡猾的恶魔。

shield

防作弊机制

GPS 轨迹校验、后台持续定位上报、物理距离双重验证。确保每一场对决的公平公正。

GAMEPLAY

游戏玩法

简单上手,深度策略——每局都是独一无二的线下冒险

答题玩法

答题获取道具

地图上分布着多个答题点,答对题目即可获得强力道具。这既是恶魔方的补给站,也是天使方设伏的绝佳地点——一场围绕答题点的攻防战就此展开。

  • check 答题点随机分布在地图各处,每局不同
  • check 答对必定掉落随机道具,刺激持续探索
  • check 天使方可在答题点蹲点设伏,形成攻防博弈
  • check 题库持续更新,涵盖多种知识领域
阵营选择

天使恶魔阵营对抗

每局游戏随机分配天使与恶魔阵营。天使方需要在限定时间内捕获所有恶魔,恶魔方则要利用地形、道具和智慧存活到最后。紧张刺激的追逐战一触即发。

  • check 支持自定义天使恶魔比例和游戏时长
  • check 房间系统支持好友组队或匹配陌生人
  • check 游戏结束实时结算,MVP 评选
  • check 支持创建房间、附近房间发现
UI PREVIEW

界面预览

精心设计的游戏界面,沉浸式的视觉体验

首页
首页
进入游戏
进入游戏
战队选择
战队选择
战队主页
战队主页
游戏中
游戏中
答题
答题
约战区
约战区
排行榜
排行榜
我的
个人中心
道具弹窗
道具弹窗
设置
设置
弹窗
弹窗
ITEM SYSTEM

道具系统

11+ 种创意道具,天使恶魔双方各显神通

visibility_off
恶魔方

隐身斗篷

从天使方雷达上消失 45 秒,无声转场,金蝉脱壳。

qr_code_2
恶魔方

乱码二维码

被扫码时触发干扰,天使相机卡顿 5 秒,趁机逃脱。

nfc
天使方

蓝牙强扫

5 米内隔空磁吸,跳过扫码直接蓝牙配对捕获。

pest_control
天使方

GPS 捕魔夹

隐形陷阱,恶魔踏入 8 米范围被锁死 12 秒。

air
通用

战术烟雾弹

40 米半径电子迷雾,范围内所有人从地图消失。

satellite_alt
天使方

天眼扫描

消除定位延迟,1 秒高频刷新所有恶魔坐标,持续 15 秒。

TECH STACK

技术架构

现代化全栈技术选型,为极致游戏体验保驾护航

phone_iphone

小程序端

uni-app Vue 3 TypeScript Vite Pinia 微信地图 API
settings

后端服务

NestJS TypeScript PostgreSQL Redis Socket.io JWT
desktop_windows

管理后台

React TypeScript Ant Design Refine ECharts
ARCHITECTURE

系统架构

三层架构,高可用、可扩展的实时游戏引擎

phone_iphone

微信小程序

uni-app + Vue3

language

API Gateway

RESTful + WebSocket

settings

NestJS 服务

游戏引擎 + 业务逻辑

storage

数据层

PostgreSQL + Redis

准备好开始对决了吗?

在真实世界中展开一场天使与恶魔的终极较量

download 下载小程序 联系我们