了解与babylon.js和oimo.js的碰撞和物理

>本文探讨了Babylon.js WebGL引擎内的碰撞检测，物理和边界框的基本原理，该发动机通过OIMO.JS物理发动机增强。 我们将建立一个展示这些概念的演示。

>

babylon.js用oimo.js （替换https://www.php.cn/link/leink/e1dd47cc816ac8888810045100451384c97a），带有实际链接） 此演示，可在具有WebGL功能的浏览器（例如Chrome，Firefox，Safari和Edge）中查看，可让您使用FPS风格的控件浏览3D场景。 按“ s”启动球体，“ b”框，然后单击对象施加脉冲力。

密钥概念：

山脉简化计算：
• 而不是复杂的网格碰撞检测，更简单的隐形几何形状（Colliders）显着减少了CPU负载。 碰撞与物理发动机： babylon.js处理基本碰撞（例如，摄像机运动），而oimo.js则可以使用力和现实运动进行动态模拟。
• >> 现实主义物理学的
：
• 在Babylon.js中启用物理和重力允许逼真的对象相互作用，例如弹跳和碰撞。 > 交互式网状操作：
选择支持使用户可以通过单击和施加力与对象进行交互。
• >>调试工具：
babylon.js的调试工具可视化场景元素并调整物理参数。
碰撞检测解释了：

Wikipedia定义的

碰撞检测是识别对象之间的相交的计算过程。 这对于游戏和模拟至关重要。 该检测的复杂性是关键考虑因素。 详细网格之间的测试碰撞在计算上很昂贵，尤其是在JavaScript中。 为了管理此问题，我们使用colliders

。

。

>山脉：

山着人是简单的，无形的几何形状（例如边界框或球体），代表用于碰撞检测的网格。 这简化了计算，改善了性能。 对撞机的选择（盒子，球体，胶囊或网格）取决于网格的形状。 ESPILIT演示使用边界框，如下所示：

>

（用实际的图像URL替换）

>

此图像显示了一个黄色甲板（网格）及其边界盒对撞机。 （用实际的图像URL替换）

>

这显示了Espilit场景中的半透明红色边界框。

加载场景：

>您可以使用以下一种方法之一加载Espilit场景：>

1. >从GitHub下载：>从项目的GitHub存储库中下载场景，并按照Microsoft Virtual Academy（MVA）课程（替换为实际链接）中的说明🎜>在加载.babylon场景中。
Visual Studio解决方案：
2. 下载预构建的Visual Studio解决方案。 用oimo.js启用物理：

要添加物理，请使用以下代码：

>

scene.enablePhysics(new BABYLON.Vector3(0, -10, 0), new BABYLON.OimoJSPlugin());

这将重力设置为重力，并将Oimo.js指定为物理引擎。 然后，通过启用但不可见的checkCollisions迭代迭代，激活其物理特性：

for (var i = 1; i < scene.meshes.length; i++) {
    if (scene.meshes[i].checkCollisions && scene.meshes[i].isVisible === false) {
        scene.meshes[i].setPhysicsState(BABYLON.PhysicsEngine.BoxImpostor, { mass: 0, friction: 0.5, restitution: 0.7 });
        meshesColliderList.push(scene.meshes[i]);
    }
}

创建物理对象：> 下面的代码添加了带有物理属性的球体和框：>

添加选择支持：

// ... (Material creation code) ...

function addListeners() {
    // ... (Key press event handlers) ...
}

启用单击对象以施加力：

显示边界框（调试）：

canvas.addEventListener("mousedown", function (evt) {
    // ... (Picking and impulse application code) ...
});

>

debug UI（如下所示）允许切换对撞机的可见性和物理属性。 此UI的代码省略了。>

（用实际的图像URL替换）

> （用实际的图像URL替换）

> 结论：

本教程为使用oimo.js中的Babylon.js中的碰撞检测和物理提供了基础。 提供的演示和代码片段提供了实用的示例。 鼓励对Babylon.js和Oimo.js文档进行进一步探索。

（包括指向相关文档的链接）>

以上是了解与babylon.js和oimo.js的碰撞和物理的详细内容。更多信息请关注PHP中文网其他相关文章！