我现在在第八墙使用A帧码。角色和场景都是在Blender 3.0中制作的3d模型。我目前的尝试是在搅拌器中创建一个导航网格，并一直遵循本教程并使用此项目模板，但由于某种原因，我没有任何尝试。我已经创建了一个独立的3d平面，并使它成为导航平面，并使角色导航代理，但它仍然不起作用。有谁知道如何让我的3d角色不再穿过我的3d场景的墙壁？
如果有更好的方法来确保我的3d角色不会通过场景中的其他3d物体，我将非常感谢您的帮助。已经考虑了一个星期了..。
浏览 13提问于2022-06-11得票数 0
1回答
我用的是三和加农炮和collada模型。
我收到这个错误，但收集物理每帧(即控制台计数每帧物理运动)。
Uncaught TypeError: Object [object Object] has no method 'norm'
堆栈跟踪(js调试)：
CANNON.Box.computeBoundingSphereRadius cannon.js:2037
CANNON.Broadphase.doBoundingSphereBroadphase cannon.js:3568
CANNON.Broadphase.intersectionTest cannon.js:352
浏览 0提问于2014-04-07得票数 1
2回答
我有一个打开一个子页面的父页面(IE11)。 我想向父页面添加一些控件，这会在子页面中触发一些函数。 这是父页面的内容(简化)： <script>
let newWindow = window.open('cannon.htm','Picture Display', 'width=780, height=520');
</script>
<button onclick="newWindow.actions.sayHello()">Say</button> 以下是子页面
浏览 35提问于2019-04-08得票数 2
回答已采纳
我一直在使用Physijs与旧版本的three.js，它工作得很好，但当我下载了最新版本的三put，它不工作，甚至只是在现场放置一个平面网格
它带来了这个错误Uncaught TypeError: Class constructor Scene cannot be invoked without 'new' line:391 of:file:///storage /emulated/0/threejs /learning-threejs/libs/physi .js
我不明白为什么这是我的密码
<html>
<head>
<title>
浏览 10提问于2021-12-04得票数 0
cannon.js项目位于github url：中。
但是我找不到任何方法来构建这个源代码来获取二进制文件夹中的cannon.js库。
你能告诉我如何构建这个源代码吗？
浏览 3提问于2019-08-23得票数 0
回答已采纳
Cannon.js：
在webstorm中使用这个javascript cannon.js时，我会遇到一个webstorm检查问题。
(我使用的是lib，如下面的示例所示：)
我的守则：
var groundShape = new CANNON.Plane();
现在网络风暴强调大炮和检查说：“未解决的变量或类型的大炮”。
我怎么才能解决这个问题？
(不是隐藏此错误，而是让网络风暴注意到大炮并启用自动完成等。)
浏览 7提问于2014-10-02得票数 0
回答已采纳
1回答
我在Three.js中使用Cannon.js。 我有一个基本的场景，在鼠标点击添加一个球体到Three.js & Cannon.js。球体的速度集为100，Cannon.js模拟球体从A点到B点的路径。 有没有一种方法可以模拟这种力，并从点A(球体开始位置)到点B(应用速度后的球体结束位置)画一条线？ 或者不是模拟这个，而是一种根据速度计算球体将采取的路径的方法？ 提前感谢！
浏览 19提问于2019-01-15得票数 0
我在这里有点困惑。
这是我的html页面：
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#renderCanvas {
width: 100%;
浏览 2提问于2015-05-18得票数 0
回答已采纳
我将Cannon.js与Three.js结合使用。
我创造了一个由一个高场和五个球组成的场景。我要用cannon.js物理方法，把球绕着高场滚动。
鼠标移动时，我沿着y轴旋转高度场，使球体来回滚动。
我有一个update循环，它从cannon.js复制球面位置&四元数，并应用于three.js的可视范围。高度场也在three.js视觉地板的同时更新。这两种方法都在requestAnimationFrame中的for循环中运行。
updateMeshPositions() {
for (var i = 0; i !== this.meshes.length; i++) {
浏览 0提问于2018-10-29得票数 0
回答已采纳
2回答
我需要知道如何利用Cannon.js物理学的优势，生成一个复杂的形状来集成到我的Three.js场景中。
我从这个例子开始：
看着代码，我注意到兔子是用数组中的面和顶点来描述的。看起来很强大，但是如果我想动态生成这些数组，我该怎么做呢？
例如，仅使用Three.js，就可以以json格式导出搅拌器模型，并以编程方式将其加载到场景中。我需要为Cannon.js做同样的事情，但它的工作方式似乎不同于Three.js的搅拌器模型。
提前感谢
浏览 3提问于2015-06-06得票数 4
我刚刚开始使用Three.js和cannon.js，我一直试图创建一个简单的房间，但没有成功。我正在工作，我一直在努力增加墙壁和天花板。做这件事最简单的方法是什么？现在我有
// wall?
wallGeometry = new THREE.PlaneGeometry( 300, 300 );
wallGeometry.applyMatrix( new THREE.Matrix4().makeRotationX( Math.PI));
wallMesh = new THREE.Mesh( w
浏览 0提问于2014-01-20得票数 2
回答已采纳
我有一个THREE.js场景，其中的对象使用CANNON.js应用于它们。RigidBody的初始化方式如下：
let shape = new CANNON.Box(new CANNON.Vec3(1, 1, 1));
let body = new CANNON.Body({
mass: 5,
shape: shape
});
我想要使用我的CANNON.Body的THREE.Scene有一个可视化的表示。
如何在视觉上表示RigidBody?
浏览 2提问于2016-08-22得票数 1
回答已采纳
前面的问题与解答解释了如何在更改位置后使用syncToPhysics()方法调用在A-Frame物理系统中移动动态体。
我一直在使用这项技术，在使用CANNON.js驱动程序时，它对我来说效果很好。
例如，参见
但是，我想使用Ammo驱动程序，就像这里描述的那样。
(想要使用Ammo驱动程序的一个关键原因是，目前CANNON.js不能与A-Frame 1.2+ 一起使用)。
我希望我可以在弹体组件上使用syncToPhysics()做同样的事情：
this.el.components["ammo-body"].syncToPhysics();
但是我试图在这个小故障中做到这一点
浏览 7提问于2021-03-01得票数 1
我有一个基本的THREE.js场景，用Blender创建，包括立方体和旋转平面。我是否可以将这个THREE.js场景自动转换成一个CANNON.js世界？
谢谢
浏览 10提问于2016-03-06得票数 0
回答已采纳
1回答
我有一堆平面，它们拼接在一起形成地形。每个单独的平面都有它自己的cannon.js主体(我使用three.js来渲染视觉效果)来进行碰撞。由于内存限制，当玩家移动到远离对象的位置时，我会取消渲染每个对象。我可以很容易地在three.js中取消渲染对象，只需将它们变为不可见，但在cannon.js中没有明确的方法来做到这一点。基本上，我想禁用一个cannon.js对象，而不是彻底删除它。 我已经看过文档了，基本上没有关于如何做到这一点的内容。我也没有看到关于这个主题的任何形式的问题。 下面的示例代码向您展示了我希望如何实现这一点。 //terrain generation
for (z=0;
浏览 67提问于2019-04-09得票数 0
回答已采纳
我创建了两个框，并希望设置一个锁约束，但两个框是重叠的。
我怎样才能在没有cannon.js爆炸的情况下设置它呢？
浏览 1提问于2019-08-21得票数 1
回答已采纳
我希望能够使用cannon.js在铰链约束上设置旋转限制
我到处寻找一个例子，但什么也找不到。
浏览 4提问于2018-07-06得票数 0
回答已采纳
所以我和cannon.js在spark AR中做了一个球弹跳。一切都很正常，直到我想通过补丁编辑器获得前额的位置。 错误： Error:Exception in HostFunction: valueOf() called on a Signal. This probably means that you are
trying to perform an arithmetic operation on a signal like +, -, *, etc. Use functions .add, .sub(),
etc on the signal instead o
浏览 15提问于2020-10-01得票数 3
回答已采纳
我使用的是一个简单的设置Cannon.js，遵循在线示例，但是当我在构造函数中设置任何属性时，位置和角速度x、y和z都是NaN。
这样做是可行的，但不会移动，因为身体没有质量。
const body = new CANNON.Body();
console.log(body.position.x, body.mass); //logs 0, 0
然而，这并不..。
const body = new CANNON.Body({
mass: 1,
});
console.log(body.position.x, body.mass); //logs NaN, 1
另外，如果我实例化了身体，
浏览 3提问于2016-10-01得票数 3
回答已采纳
我在一个A帧场景中，使用它的底层three.js创建以下对象：
var boxMaterial =新THREE.MeshPhongMaterial( { map: boxTexture，side: THREE.BackSide，bumpMap: boxBumpMap } )；var boxGeometry =新THREE.BoxBufferGeometry( 20，20，20 )；var box01 =新THREE.Mesh(boxGeometry，boxMaterial)；scene.add(box01)；
我如何使用javascript来处理aframe的底层Cannon.js -
浏览 0提问于2019-03-14得票数 0
回答已采纳
1回答
我用cannon.js创建了一个刚体，在这里我应用速度来移动它。
this.body.velocity.set(coord.x, this.body.velocity.y, coords.z);
现在我想在速度设定之前预测这个物体的未来位置。
我试过这样的方法：
body.position += velocity * dt
这实际上是行不通的。想知道是否有人知道该怎么做。
浏览 1提问于2016-09-15得票数 0
5回答
具有高度贴图的WebGL纹理地形
、、、、
我正在尝试使用WebGL创建一个3D地形。我有一个带有地形纹理的jpg，还有一个带有高度值(-1到1)的jpg。
我看过各种包装器库(如SpiderGL和Three.js)，但我找不到一个合适的示例，如果我这样做了(如在Three.js中)，代码也没有文档记录，我也不知道该怎么做。
有没有人能给我一个好的教程或例子？
在Three.js 有一个例子，这几乎就是我想要的。问题是，它们随机地创建山的颜色和高度值。我想从2个不同的图像文件中读取这些值。
任何帮助都会得到重视。谢谢
浏览 1提问于2011-10-04得票数 13
1回答
我正在使用 (cannon.js的一个维护分支)。我需要在一段时间内在太空中固定一个物体。所以，我在这些情况下做了body.sleep()。
问题是，物体会与其他物体发生碰撞，然后就会醒来。所以我添加了body.collisionResponse = 0，但是它不起作用。身体变成一个鬼物体(对碰撞没有反应)，但仍然在碰撞时醒来。
有办法避免碰撞时醒来吗？
浏览 8提问于2021-11-24得票数 0
回答已采纳
1回答
我正在修补cannon.js和three.js，我希望有地形。这需要一个自定义的CANNON.RigidBody。我见过预定义的形状，比如平面、盒子和球体，但我似乎不知道大炮在哪里或如何定义它的形状。是否有一种方法可以从一个CANNON.RigidBody创建一个THREE.Geometry，或者THREE.Mesh，或者甚至用THREE.Mesh来定义它？
浏览 7提问于2014-10-28得票数 0
回答已采纳
我有一个cannon.js物理运行良好的世界。当我尝试迁移到cannon es时，我在step()函数中得到一个错误： Uncaught TypeError: bodies[i].integrate is not a function step()函数为： this.physicsWorld.step(1 / 60, this.experience.time.delta, 3) step()函数的文档：https://pmndrs.github.io/cannon-es/docs/classes/world.html#step 我找不到任何问题。这个错误是什么意思？ ?
浏览 49提问于2021-11-19得票数 0
回答已采纳
我可以在这个黑盒上看到这些奇怪的白线(请注意，两个黑盒都是)。这非常奇怪，我从来没有指定我的代码来做这件事。有没有什么办法可以把它关掉呢？这太烦人了..我的代码(这是Three.JS + Cannon.JS的例子，出自作者之手，但经过了修改)：
var world, mass, body, shape, timeStep=1/60,
camera, scene, renderer, geometry, material, mesh;
initThree();
initCannon();
animate();
function initCannon() {
浏览 22提问于2018-09-08得票数 0
回答已采纳
我试着做一个像绳子一样的约束，约束就像一个弹回的弹簧。
我试图使用约束组件：
<a-box id="other-box" dynamic-body />
<a-box constraint="target: #other-box;" dynamic-body />
但它似乎适用于固定的距离。我怎么做弹簧？
浏览 1提问于2018-08-02得票数 3
回答已采纳
我的用例是让一个球弹跳，然后向摄像机走来(能够用一个简单的动态物体球在静态身体网格上实现)。然而，与其滚动到失去速度(或动量)的位置，是否有办法将其停在所需的点上？我试着放置一个(看不见的)障碍物体，但它回滚了。我希望它在达到预期的点后保持不变。谢谢
浏览 1提问于2018-10-26得票数 0
回答已采纳
我在sphere和BoxGeometry在THREE.js。我设定了标准重力，但我的球体(在盒子中央)一直从盒子里掉下来
这是我的CANNON.js参数
Box
const size = 100
const halfExtents = new CANNON.Vec3(size, size, size)
const boxShape = new CANNON.Box(halfExtents)
const boxBody = new CANNON.Body({ mass: 0, shape: boxShape })
multiBall1.userData.world.addBody(boxBody
浏览 3提问于2021-07-05得票数 1
回答已采纳
我目前正在使用Cannon.js和Three.js来模拟物理，特别是碰撞。
我有一个旋转的‘旋转臂’，它经常在它的Y轴上旋转，使用以下代码：
angularVelocity: new CANNON.Vec3(0,5,0) fixedRotation: true
我有一种方法，创建50个球体，并在每个球体上设定一个速度，使它们进入旋转器。当球体被击中时，它会变成红色。
问题是，一些球体似乎直滚通过旋臂，而有些球体的影响很小，这导致了奇怪的结果。
是否有什么东西我已经错过或需要采取不同的行动，以确保所有的球击中和碰撞旋转臂？
这里的演示-
浏览 1提问于2018-09-10得票数 0
回答已采纳
所以我使用Three.js，我在一个盒子里有一些立方体。我使用Transform控件，用鼠标移动方框内的立方体。我想用光线投射来检查碰撞情况。问题是，如果发生碰撞，如何防止转换控制器移动对象？如果它撞到墙上我想阻止它。顺便说一句，我使用的是r81版本的Three.js。
更新:我已经用房间的大小来限制立方体在房间外移动。这似乎很管用。有没有一种仅用于碰撞的使用cannon.js的方法？我不想要动量、重力或任何其他特征。只是碰撞检查和阻止它死在它的轨道上时，有碰撞。
浏览 9提问于2016-10-10得票数 2
1回答
基于特定Web的3D游戏开发建议
、、、、
我对HTML和Javascript还比较陌生，但我对UdityInteractive3D课程非常熟悉，而且我的手被一些three.js + WebGL弄脏了。我已经做了这件事，并对此有所了解：
到目前为止。(很难理解API，很难让cannon.js和任何有趣的机制工作，有什么建议可以用来学习像threejs这样的API吗？)
我想知道是否有人能提供任何投入，谁的最终目标是做一个游戏，有点像一个半版本的:雷兹，Exteel，装甲核心或区域的恩德斯与模式。
我的目标是实现:铁轨射击(w/ cannon.js?)，健康栏，全国人大老板与不同阶段的战斗，动画动作，交叉头发，水平界限，升级到一个角色的
浏览 6提问于2013-12-22得票数 0
1回答
我目前正在three.js和cannon.js上做一些实验。
我有一个像这样的物体：
var ship = {
mesh: new THREE.Mesh(); //let's pretend there's a mesh in there.
rigidBody: new CANNON.RigidBody(); //let's pretend there's a rigid body in here.
};
在更新函数中，我将网格旋转为刚体旋转，如下所示：
var update = function(){
ship.mesh.rotatio
浏览 3提问于2014-06-18得票数 0
回答已采纳
3回答
有没有办法将软体物理学与WebGL或threejs集成？我能以某种方式集成例如PhysX引擎吗？
我需要在3d柔体中移动3d刚体，并使柔体变形作为响应。理想情况下，软体具有与黏土类似的可塑性。
我想要实现的目标有可能实现吗？
任何建议或方向都将非常感谢。
浏览 0提问于2015-07-23得票数 3
我想给施加一个阻力，我已经尝试过了，但它打破了物理原理，我想知道是否有更正确的方法，或者是否有人已经做了类似的事情。
物体有一个叫做linearDamping的属性，它是一个与速度成正比的阻力，但是我正在尝试实现流体阻力公式，以达到更真实的效果。
简化的公式是这个，你可以看到它与速度成二次正比：
Fd = - Constant * getMagnitude(velocity)**2 * normalize(velocity)
我已经使用方法在cannon.js中实现了这种方式。请注意，我每次更新都会调用applyDrag：
applyDrag(coefficient) {
const sp
浏览 0提问于2018-09-26得票数 0
我看过cannon.js的例子，它们似乎主要用-10到-40来表示重力，用1到10来表示物体的质量(或称为CANNON.RigidBody )，这些演示对象的行为“很好”，因为它们的“重”足以克服重力，而不是“重”到让地面平面看起来像假的。我的意思是，我试着增加落地物体的质量，质量越大，地板看起来就越像软糖(也就是海绵)。(顺便说一句，我知道质量和重量是不一样的;-)
重力在数学上通常是9.8m/s/s，那么如何在CANNON.World.gravity中实现这一点呢？
我在互联网上发现，石头的质量是每立方米2515公斤，所以如果我想扔一块1x1x1米的石块，它会变成质量，因为：
var bl
浏览 1提问于2013-05-07得票数 3
回答已采纳
1回答
我使用“A帧物理系统”()在A帧中创建了一个场景：
<!DOCTYPE>
<html>
<head>
<script src="aframe.min.js"></script>
<script src="aframe-extras.min.js"></script>
<script src="aframe-physics-system-master/dist/aframe-physics-system.min.js"></script>
浏览 0提问于2017-06-16得票数 4
回答已采纳
我正在学习cannon.js，并且我有一个错误-- Uncaught : CANNON.NaiveBroadPhase不是构造器，我尝试了很多东西，但是什么都没有起作用。
这是我的剧本：
var scene, camera, renderer, world, dt, damping, helper;
function init() {
// SCENE
scene = new THREE.Scene();
scene.background = new THREE.Color(0xa8def0);
// CAMERA
camera = new THREE.Perspec
浏览 4提问于2022-01-05得票数 -1
我试图弄清楚如何使用Three.js和Cannon.js创建一个最小的物理汽车。我创建了基于视觉和物理的汽车和车轮元素，我的汽车响应向上箭头和左右箭头命令来加速和转弯：
var container = document.querySelector('body'),
w = container.clientWidth,
h = container.clientHeight,
scene = new THREE.Scene(),
camera = new THREE.PerspectiveCamera(75, w/h, 0.001, 100),
浏览 1提问于2020-04-03得票数 1
回答已采纳
我正在做一个3d骰子游戏，来到一个问题，我无法包装我的头，所以我转向你的帮助。
在场景/世界中(使用带有加农炮的三个)，我有一架飞机和一个死亡，我把它扔到飞机上(屏幕截图在这里的预滚动，结果)。所有这些都可以正常工作，直到我想在例如1这样的模具上抛出一些特定的值。
由于我对多维数据集的面使用加载模型而不是纹理图像，所以我不能仅仅通过在三个has中更改多维数据集的面来处理这个问题(因为模型有100多个)。因此，我希望我可以通过改变身体的初始四元数来实现这一点(比如预旋转)，这样模具就会掉到一个特定的侧面。模具网格只是跟随身体的位置和四元数。
我有以下问题：
这能做到吗？也许当我改变四元数前抛时，
浏览 1提问于2018-10-24得票数 0
回答已采纳
我一直在尝试使用javascript制作一个多人游戏(其中大部分都在服务器上，使用Node.js)；我想要做的核心机制之一是，玩家将能够设计自己的战斗风格(直到他们如何挥动剑等)。问题是我找不到任何简单的方法来限制球员的动作。
我首先尝试写一种方法，检查然后夹住球员的风格，这样看起来他们不会同时折断每一个肢体，但这并不是真的有效。然后，我找到了很好的CANNON.ConeTwistConstraint，但是在查看了文档之后，我发现CANNON.js的约束似乎没有任何内置功能，只用于测试两个主体是否超出了约束的限制。我曾经想过让我的游戏在一个单独的模拟中创建物体，并检查一个力是否被施加到任何一个
浏览 8提问于2015-08-26得票数 0
回答已采纳
我想知道如何在一个html页面中加载两个或多个巴比伦文件，或者是否可以加入它们。我有下面的代码，很高兴看到一个简单的模型(导出)，但是我需要在同一个html页面中添加更多导出的模型。我听说了"options.babylonFolder + "/"，options.babylonFile“选项，但我不知道更多。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using babylon.js - How to
浏览 3提问于2014-12-22得票数 2
回答已采纳
1回答
这与Three.js + Socket IO + CANNON.js有关。我的服务器上有一个CANNON.RigidBody对象，无法按原样发送。所以我把它改成这样：
// Create a sphere
var mass = 5,
radius = 1.8;
var sphereShape = new CANNON.Sphere(radius);
var physicsMaterial = new CANNON.Material("slipperyMaterial");
var sphereBody = new CANNON.RigidBody(mass, spher
浏览 1提问于2013-05-24得票数 4
回答已采纳
我们如何用一条线连接两个speheres？我希望它表现得像用绳子或有弹性的东西连接的球，谁能指出一些样品？
浏览 0提问于2013-08-17得票数 0
Uncaught TypeError: THREE.PointerLockControls is not a constructor
无论出于什么原因，我都不能使用第一人称控件，我对此感到非常困惑。这让我很困惑。
const THREE = require('THREE');
var FirstPersonControls = require('first-person-controls');
const CANNON = require('cannon');
var keyboard = new THREEx.Keyboar
浏览 0提问于2018-09-09得票数 1
回答已采纳
我使用下面的代码生成两个加农炮球，并以Three.js作为呈现模块。
var world, mass, body, shape, timeStep=1/60,
camera, scene, renderer, geometry, material, mesh;
initThree();
initCannon();
animate();
function initCannon() {
world = new CANNON.World();
world.gravity.set(0,0,0);
world.br
浏览 6提问于2014-12-11得票数 0
回答已采纳
我将Cannon.js与Three.js结合使用。我已经设置了一个场景，其中有5个列，4个街区堆叠在一起。
我希望这些可以与我计划添加到场景中的其他对象进行交互。然而，列中的块似乎导致了大量的微碰撞，并且随着时间的推移，抖动偏离了位置。我要他们在和他们互动之前保持队形。
如果您查看代码页并等待大约20/30秒，您将看到块开始移动。为了防止这种情况发生，我需要在这些块上设置一些具体的东西吗？
下面是我放在一起的一个例子-
顺便说一句，当场景中有一些我没有预料到的块时，也会有相当大的性能下降。我计划增加更多的对象到现场，不知道为什么性能下降？
这与我的动画()循环中的下面的内容有关吗？
this
浏览 1提问于2018-10-17得票数 2
回答已采纳
4回答
这件事我想得太多了，我现在才感到困惑。
我有一个Rails应用程序的模型如下:用户，网站，教程，TutorialStep。
用户可以创建许多教程，每个教程都有自己的站点，每个教程都有许多教程步骤。
我对Site有争议的模型。
用户有许多教程，并有许多教程步骤。教程属于用户，有许多教程步骤，最后一个教程步骤属于教程。
现在一个站点应该属于一个用户和一个教程，还是只属于一个教程？
浏览 2提问于2017-03-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
