three.js

    0热度

    1回答

    我想实现的碰撞系统,我的三个js的赛车游戏。我遵循本指南来实现计算两辆车之间碰撞后最终线性和角速度的系统。 https://www.myphysicslab.com/engine2D/collision-en.html#resting_contact 不过,我有麻烦的时候还发现了正常的正确方向。根据链路:让矢量n是正常(垂直)于正被冲击时,与我使用用于找到该正常以下的方法从主体B.向外指向本体B的

    2热度

    1回答

    我有一个物体,其中随机开放的粒子和其他物体是固体。我如何在物体内放置假太阳,并使用threejs通过开放粒子获得光线。当物体旋转X或Y时,Y射线应该通过打开的粒子(后处理) SAMPLE VIDEO 我的对象three.js所代码为波纹管 var camera, scene, renderer; var geometry, material, mesh; init(); a

    -3热度

    1回答

    即时尝试使用SVG作为具有UV映射的模型上的纹理,事情是变得非常模糊,即时通讯从2D画布中取出纹理,它看起来不错,但超过它看起来很糟糕的模型,附加的截图,任何想法? 为使用SVG的目的是因为这样我可以dinamically操纵的颜色属性,所以使用JPG或PNG是不是一种选择 编辑:真人版在这里 - >测试.fasterwear.com 谢谢!

    0热度

    1回答

    我使用three.js拉伸功能来绘制几何体,并且我想添加2个纹理,一个用于顶部和底部,另一个用于其他边。 根据This Post它似乎是可能的。但我无法做到这一点。 这里是我的代码: //Create BaseForm (Bottom) var shape = new THREE.Shape(); shape.moveTo(0,0); shape.lineTo(0,2

    1热度

    1回答

    在我的项目中,我动态加载了不同种类的模型。如何缩放加载的对象,使其完全适合某个边界框? 为了澄清这种情况,我不希望加载的对象适合我的FOV。我已经在我的场景中加载了一座房子。我想让新装的物体适合我的房子。

    2热度

    2回答

    我正在学习three.js。 我举一个例子来练习,但项目的阴影看起来不对或陌生。 应该是这样的(这个形象是一个老教程): 和代码是这样的: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.

    0热度

    1回答

    我想提出一个下拉使用JavaScript 这里的菜单下拉菜单是JSON文件 { "bg1":"assets/bg/people_bg.jpg", "bg2":"assets/bg/people_bg.jpg" } 我只是试图把名字作为BG1和BG2到BG( n)下拉,所以用户可以选择任何background.Here是我的代码dat.gui(); { controller = new

    1热度

    1回答

    我一直在使用Blender比我编写代码的时间长得多,当我知道您可以使用three.js加载和操作浏览器中的混合时,我感到很兴奋。我查了一个教程,导出了一个简单的icosphere,并插入我的.json文件。唉,在查看了许多不同的页面和示例之后,尽管我无法在代码中发现任何可见的错误,但仍然无法使其显示在浏览器中。我做了一个codepen项目(这是我能找到的在线json文件的唯一途径)。 https:

    0热度

    1回答

    说明我有一个简单的盒子具有morphTarget和调节所述morphTargetInfluence滑块啮合。变形会影响网格,但它也会缩小场景中的其他网格。 我已经放在一起从下面的例子jsfiddle(从threejs变形目标修改)来演示问题。在这个演示中,移动滑块可正确地变形红色立方体的角落,但不正确地缩小蓝色立方体的尺寸。立方体网格完全不相关,所以我没有看到变体如何影响蓝色立方体。 https:

    1热度

    1回答

    three.js材质具有side属性,该属性控制是否渲染网格的正面和/或背面。有没有办法用线框来做同样的事情,只有前端边缘才会被渲染? 显示的立方体的背面: material = new THREE.MeshPhongMaterial({ color: 0xFF9800, side: THREE.BackSide, opacity: 1//0 }); h