搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

使用 JSAR 搭建 3D 积木房屋：从基础到完整建筑系统
Rokid 的 JSAR 运行时结合 Babylon.js 和 Cannon.js，让我们可以用熟悉的 Web 技术构建真实的 3D 建筑场景。 engine.getDeltaTime() / 1000; // 更新物理世界 physicsWorld.step(1 / 60, deltaTime, 3); // 同步 Babylon.js 网格和 Cannon.js 物理引擎 Cannon.js 集成，真实的物理模拟，支持重力、碰撞检测等。项目结构标准化的 npm package 格式，项目管理简单，部署方便。 Cannon.js 物理引擎的真实模拟效果。自动化建筑系统的设计模式。从简单房屋到复杂塔楼的进阶路径。如果你也对 AR 建筑应用开发感兴趣，不妨试试 JSAR。 /jsar.netlify.app/• Rokid 开发者论坛：https://forum.rokid.com/• Babylon.js 文档：https://doc.babylonjs.com/• Cannon.js
23510编辑于 2025-10-16
《告别一换就崩：前端游戏物理引擎适配层设计哲学》
Cannon.js则是一个轻量级的纯JavaScript物理引擎，它在2D和简单3D游戏场景中表现出色，易于上手和集成，对于一些资源受限或者追求快速开发迭代的项目来说是个不错的选择。当我们在开发一款游戏时，初期可能基于Cannon.js进行快速原型搭建，因为其简单易用的特性能够帮助我们迅速实现基本的物理交互功能。对于Ammo.js，可能需要调用其特定的函数来创建一个刚体对象，并设置初始位置、速度等参数；而对于Cannon.js，实现方式则有所不同，但对外暴露的接口始终保持一致。物理引擎层则是实际的物理引擎，如Ammo.js、Cannon.js等，它们负责执行具体的物理计算和模拟。为了更好地管理不同物理引擎的创建和初始化，适配层可以引入工厂模式。例如，Ammo.js可能使用特定的向量类型来表示物体的位置和速度，而Cannon.js使用的向量类型可能在实现和接口上有所不同。
21500编辑于 2025-06-26
来自专栏算法微时光
Cocos Creator之访问节点和组件
以节点为例，这只需要在脚本中声明一个 type 为 cc.Node 的属性： // Cannon.js cc.Class({ extends: cc.Component, properties ： image.png 然后可以将层级管理器中的任意一个节点拖到这个 Player 控件： image.png 这样 player 属性就会被设置成功，可以直接在脚本里访问 player： // Cannon.js 利用属性检查器设置组件基本方式和节点一样： // Cannon.js // 通过模块化方式获取脚本 “Player” var Player = require("Player"); cc.Class
2.1K10发布于 2021-04-28
来自专栏Creator星球游戏开发社区
Cocos Creator 3D 物理模块介绍
目前的状况及后续发展目前 Cocos Creator 3D 的物理模块已经支持仅碰撞检测的 builtin 和轻量功能的 cannon.js 物理引擎。未来，我们将持续完善已接入 cannon.js 的更多功能特性，并且还将接入功能更加强大齐全的 ammo.js。 TODO */ } onTriggerStay (event: ITriggerEvent) { } onTriggerExit (event: ITriggerEvent) { } cannon.js 物理模拟选择物理模块为 cannon.js，为需要模拟的节点加上 RigidBodyComponent 组件，这样该节点就会进行物理模拟。目前的 cannon.js 支持情况：刚体 box\sphere 形状支持触发、碰撞事件，分别为：enter\stay\exit 物理材质射线检测更多功能组件层服务的是所有的开发者，稳定性、通用性是首要的目标
2.7K21发布于 2019-10-22
来自专栏秋风的笔记
造个海洋球池来学习物理引擎【Three.js系列】
常用的 3d 物理引擎有Physijs 、Ammo.js 、Cannon.js 和 Oimo.js 等等。这里我们用到的则是 Cannon.js 在 Cannon.js 官网有很多关于 3d 物理的效果，详细可以看他的官网 https://pmndrs.github.io/cannon-es/ Untitled 引入 Cannon.js import * as CANNON from 'https://cdn.jsdelivr.net/npm/cannon-es@0.19.0/dist/cannon-es.js 来总结一下我们本期学习的内容，一共用到 SphereGeometry、PlaneGeometry、 BoxGeometry，然后学习了 Three.js 几何体与物理引擎 cannon.js 绑定
2.4K10编辑于 2022-08-30
来自专栏Layabox
LayaAir2.7物理引擎大幅升级并新增cannon物理引擎支持，强化3D光影效果，新增vivo平台引擎共享插件，强化3D插件
今天，LayaAir再次迎来一个大版本的更新，本次2.7.0beta版本的核心在于物理引擎的升级完善，以及考虑到当前有开发者对于物理引擎包体缩减的需求，我们还新增支持了cannon.js物理引擎库。支持cannon.js物理引擎 LayaAir内置的物理引擎是Bullet物理引擎，功能强大丰富。是我们推荐的引擎。因此，我们决定在本次的2.7版本中，支持cannon.js物理引擎库，包括以下的cannon物理功能： (1)cannon物理射线检测 (2)cannon物理碰撞检测 (3)cannon物理box，sphere laya.cannonPhysics.min.js 仅31k 但是，开发者需要注意的是，通过Unity插件导出的物理组件功能，对应的是LayaAir引擎的Bullet引擎，不支持将Unity物理组件功能导出为cannon.js
1.9K30发布于 2020-06-09
来自专栏Layabox
一篇上手LayaAir的3D物理引擎
当然，LayaAir引擎也支持使用比较轻量的Cannon.js物理引擎的基础功能。那或许Cannon.js可以考虑。 5.1 如何切换使用Cannon.js物理引擎库如果想使用Cannon.js物理引擎库，要引入物理引擎库cannon.js以及LayaAir引擎封装的物理API库laya.cannonPhysics.js 引用了cannon.js与laya.cannonPhysics.js引擎库后，就可以直接使用Cannon.js物理引擎的API了。毕竟Cannon.js物理引擎与Bullet物理引擎本身存在差异，以及对于Cannon.js的基础物理功能使用的定位，Bullet中有很多API，在Cannon.js中是没有的。
5.9K10发布于 2021-01-12
来自专栏数字孪生
Babylon.js 开发框架的优缺点分析
物理引擎集成: 内置支持 Cannon.js 和 Oimo.js 物理引擎，方便实现碰撞检测、刚体动力学等物理效果。动画系统: 支持骨骼动画、变形动画、粒子动画等，适合复杂的角色动画和特效。 5.物理引擎支持有限内置物理引擎功能有限: 虽然 Babylon.js 集成了 Cannon.js 和 Oimo.js，但对于复杂的物理效果，可能需要额外的开发工作。
1.3K10编辑于 2025-01-16
来自专栏数字孪生
Babylon.js 开发框架的主要特点
物理引擎集成: 内置支持 Cannon.js 和 Oimo.js 物理引擎，方便实现碰撞检测、刚体动力学等物理效果。动画系统: 支持骨骼动画、变形动画、粒子动画等，适合复杂的角色动画和特效。
58310编辑于 2025-01-16
来自专栏杂谈
WebXR教学 01 什么是WebXR？
• 物理引擎：集成物理引擎（如 Cannon.js、Ammo.js）以实现更真实的物理效果。 • 性能优化：学习如何优化 WebXR 应用的性能，包括减少渲染开销、优化资源加载。 7.
1.1K10编辑于 2025-02-25
来自专栏Layabox
LayaAir2.12新特性：增加性能分析工具、增加骨骼遮罩、增加新的纹理压缩格式、增加RenderTexture抗锯齿等功能
优化方面，在新的引擎库中，我们将物理相关的代码完全剔除出了引擎d3包，减少了d3包的大小，也使引擎的功能更加模块化，将物理代码直接合并到了物理引擎中，cannon部分以前需要引用cannon.js和Laya.CannonPhysics.js 两个包，现在只需要引用cannon.js便可，bullet库也是将引擎相关的物理直接合到了物理引擎库中。
2K30发布于 2021-05-08
来自专栏独元殇的文章
一款概念应用《赛博城寨》，在三维开放世界里写笔记，由 webgl 技术生成
简单的技术细节下面是实现的一些技术：它的大小，其实不小了，加起来代码有好几十 kb，大部分是一些没有被压缩过的代码，大头是一个物理引擎，cannon.js ，这个物理引擎是被我压缩过的，耗尽精力，成功将其压缩到 Math.floor(random[index + 4] * 16777216).toString(16).padStart(6, '0')}`, }); }}物理效果方面，即便是 cannon.js
24510编辑于 2025-08-26
来自专栏数字孪生
Three.js 开发框架的主要特点
物理引擎集成: 虽然 Three.js 本身不包含物理引擎，但可以轻松集成第三方物理引擎（如 Cannon.js、Ammo.js）。
97610编辑于 2025-01-16
来自专栏数字孪生
WebGL 技术开发 MR 应用的技术难点
集成物理引擎: 如 Cannon.js 或 Ammo.js，用于实现碰撞检测、刚体动力学等物理效果。手势识别库: 如 Handtrack.js 或 TensorFlow.js，用于实现手势识别。3.
39810编辑于 2025-01-17
来自专栏数字孪生
WebGL 开发项目的流程
物理引擎：如果项目需要模拟物理效果，可以集成如 Cannon.js 或 Ammo.js 等物理引擎。
37410编辑于 2025-09-04
WebGL 开发框架及其分析
内置物理引擎（支持 Cannon.js 和 Oimo.js）。支持 VR 和 AR 开发。社区活跃，文档齐全。缺点:学习曲线相对较陡，尤其是对于初学者。对于简单的 3D 场景，可能显得过于复杂。
46110编辑于 2025-01-16
来自专栏数字孪生
Three.js外包开发的技术难点
物理引擎集成Three.js 自身不包含物理引擎，需要手动集成第三方库（如 Cannon.js 或 Ammo.js）。难点：同步物理世界与 Three.js 场景较复杂。
1.2K10编辑于 2024-11-22
来自专栏数字孪生
WebGL 的开发框架
物理引擎集成: 内置对 Cannon.js 和 Ammo.js 等物理引擎的支持。 WebXR 集成: 对 WebXR（VR/AR）的支持非常好。
66110编辑于 2025-05-22
来自专栏Cocos Creator开发
Cocos技术派|3D小游戏《快上车》技术分享
为了让撞车时有比较好的表现效果，我们使用了引擎提供的物理引擎：cannon.js，能够拥有比较好的翻转及撞击感，但出于性能上的考量以及游戏自身情况，我们对刚体进行了分组，分成了玩家控制车辆、AI控制车辆
1.6K20发布于 2020-03-02
来自专栏Goboy
利用 Three.js 实现汽车模型的自动躲避功能
引入物理引擎：可以利用如Cannon.js等物理引擎，实现更真实的碰撞检测和反应。
1.5K40编辑于 2025-01-06