← 返回图鉴
OPEN SOURCE GAMES · NO. 518

Gladiator 3D

基于 Canvas 的 JavaScript 光线投射引擎,用于伪 3D 游戏。

框架·引擎·库附录:框架·引擎·库与工具GitHub 源码

游戏介绍AI 生成

Gladiator 3D 是一个基于 HTML5 Canvas 的 JavaScript 光线投射(Raycasting)引擎,用于在浏览器中实现类似《德军总部 3D》那种伪 3D(2.5D)画面。光线投射是上世纪 90 年代 FPS 常用的渲染技术:地图其实是二维网格,但通过逐列投射线计算墙壁距离,渲染出有纵深感的伪 3D 视角。该项目代码简洁、依赖少,非常适合想理解老式 3D 渲染原理的前端开发者阅读和二次开发。源码托管在 GitHub,需自行获取和部署。

介绍内容由 AI 生成,本条资料较少,基于类型合理推测,以项目仓库说明为准。

使用说明

如果你只是想体验,可以把源码部署到本地静态服务器后用浏览器打开演示页面,用键盘控制角色在迷宫式的伪 3D 场景中移动、转向并射击。如果你是开发者,这个项目的正确打开方式是读源码:从 Canvas 逐列绘制、射线与网格求交、贴图采样,到精灵渲染与简单碰撞,都是经典教科书式实现。你可以在此基础上修改地图数据、替换贴图,或加入敌人 AI,做出自己的浏览器版小 FPS。新手提示:先从理解二维地图数组入手,它决定了整个『三维』世界。

源码 / 项目地址
https://github.com/krotik/gladiator_3d ↗

这是源码仓库,通常需要克隆后自行构建;部分为经典游戏反编译 / 引擎重实现工程,需自备原版数据与素材。