3D 模拟练车系统

德邦 A2 场地考
半挂车倒车入库模拟

基于 Three.js 的浏览器内 3D 驾考模拟,无需下载安装,打开网页即可练习半挂车倒车入库、侧方停车等场地考试科目。

功能特色

真实模拟半挂车驾驶物理与场地环境

🎮

多种操控方式

支持键盘 WASD/方向键、触摸踏板、方向盘拖拽,适配桌面与手机

🚛

真实车辆物理

模拟半挂车牵引车+挂车联动、转向迟滞、倒车折角等真实驾驶特性

🎯

多关卡练习

倒车入库、侧方停车、限宽门通行、德邦专项考核四大关卡

📊

实时数据面板

HUD 显示车速、用时、挂车折角、碰撞状态,练习数据一目了然

碰撞

碰撞检测

OBB 碰撞检测算法,碰到库位标线或障碍物即时反馈

▶️

轨迹回放

支持录制和回放驾驶轨迹,方便复盘分析操作细节

关卡介绍

从基础到专项,循序渐进掌握半挂车场地驾驶技能

01

倒车入库

半挂车倒车进入指定库位,练习方向盘反打与挂车轨迹控制

02

侧方停车

半挂车侧方入库操作,掌握车身角度与空间判断

03

限宽门通行

控制半挂车通过限宽门,练习直线行驶与方向修正

04

德邦专项考核

3 桩 S 绕 + 右反手入库,德邦物流 A2 场地考专项模拟

技术亮点

纯前端实现,无需后端服务,浏览器直接运行

3D 引擎
Three.js
WebGL 3D 渲染,程序化生成场地与车辆模型
物理模拟
自行车模型
牵引车-挂车联动运动学,转向迟滞与倒车折角
碰撞检测
OBB 算法
有向包围盒碰撞检测,支持多物体实时判定
场地贴图
Canvas 程序化
Canvas 2D API 生成混凝土纹理、标线、考试区域
响应式
移动端适配
触摸操控 + 安全区域适配,手机平板均可使用
部署
Caddy 静态托管
Caddy 反向代理 + 自动 HTTPS,轻量服务器即可部署

准备好开始练习了吗?

打开网页即可体验 3D 模拟练车

开始练车