raycast.js

机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。

RayCast.js 是一种实现曾经流行的三维渲染技术的方法，称为 ray-casting，该技术曾在1991年流行电子游戏《Wolfenstein 3D》中广为人知。

图形在 640x480 的 HTML5 画布中渲染，使用 2d 图形上下文。渲染程序的核心由恒定 Z 值的纹理映射墙体垂直线组成，以及平面表面的透视校正纹理映射。使用了离屏帧缓冲区以优化每像素渲染。

设置

需求

• Node.js
• ejs
• express

克隆仓库后，导航到根文件夹并使用 npm 安装依赖项。

$ npm install

一旦所有依赖项安装完成，你就可以用以下命令启动 Express 开发服务器：

$ npm run start

控制

操作	按键
Movement	W A S D
自由视角	↑ → ↓ ←，或者鼠标*
改变高度	Q E，或者*
射击	⎵，或者*
Interact	⏎
切换全屏模式	F

^* 您应先点击 在 canvas 上以激活鼠标控制。

实时演示

您可以在这里查看实时演示，并在这里关注最新更新！

地图编辑器 GUI

即将推出...

功能包括

• 相机自由度 "1.5" 度（俯仰通过一种称为 y-剪切的过程实现）
• 不同水平的相机高度
• 完全贴图的墙壁、地板和天花板
• Alpha 混合
• 户外空间的 360° 视差天空
• 光线衰减（基于距离/深度的阴影）
• 自定义碰撞系统，还支持与非轴向对齐几何体的碰撞，例如斜墙
• 门
• 斜墙
• 小地图显示

待办事项

• 游戏中的二维精灵 thing
• 半透明表面
• 倾斜表面
• 不同宽度、高度和深度的方块 (free-form block)