在ArcGIS for JS中渲染three.js的管几何图形时出现奇怪的抖动和失真

文章/答案/技术大牛

发布

1回答

javascript、three.js、arcgis-js-api

我是three.js新手，最近在ArcGIS的externalRenders中使用了three.js的Tubegeometry。我遇到了一个问题，当我移动透视图时，管会有奇怪的抖动和变形，随着管的半径和长度的减小，这种情况会加剧。下面的gif应该很好地解释了所发生的事情： ? 下面是完整的</em

浏览 127提问于2021-09-27得票数 0

1回答

three.js -按间隔渲染管几何体

javascript、three.js

在管几何(Three.js)中，我不希望一次绘制和渲染整个管，而是希望它在某个间隔(或计时器)之后发生。我如何渲染管子的某一部分，然后在一段时间后继续从同一点继续绘制？

浏览 2提问于2013-05-20得票数 2

1回答

ThreeJS合并具有唯一材质的多个网格

javascript、three.js

我有多个网格，我正在尝试将它们合并成一个网格，这样我就可以节省绘制调用的时间。我的每个网格都有一种独特的材质。在这个例子中，它只是有一个不同的颜色，但实际上它们将有独特的纹理映射。这是我的代码： blocks = []; var tempCube;( geo, new THREE.MeshFaceMaterial( materials ) );

浏览 1提问于2015-09-25得票数 1

1回答

Three.js:如何更新BufferGeometry顶点

three.js

我只需要更新一条有两个顶点的线，我尝试使用上面这些在r58中被更改的东西，但是线不能移动，我只是做了这个初始化：geometry.addAttribute}); 在更新渲染中，我就是这样做的： var p = this.model.geometry.attribute

浏览 1提问于2013-12-01得票数 15

回答已采纳

1回答

Three.js顶点着色器渲染所有几何三角形，使它们面对摄像机

three.js、vertex-shader

我想在Three.js中创建一个顶点着色器来渲染具有纹理的几何图形的脸，这样所有的三角形都是面向相机的。这是为了模拟Three.js点的功能和性能，但没有gl_PointSize的大小限制。我不知道在顶点着色器里要做什么计算。任何帮助都很感激。

浏览 3提问于2016-04-07得票数 0

回答已采纳

1回答

Three.js中的Plumb相机失真

three.js

我正试图在Three.js中复制一个真实世界的相机，我将相机的失真指定为“铅锤”模型的参数。特别是我有P、K、R和D作为指定的here ? 我正在考虑的一种方法是制作一个我自己的Three.js Camera，将projectionMatrix设置为...跟K和D有关的事。这有意义吗？考虑到K和D被指定为长度分别为9<em

浏览 28提问于2020-08-18得票数 0

2回答

当我移动我的three.js* -引用html-file时，three.js停止工作*

javascript、three.js

我在我的目录‘brick’中下载了three.js： brick/three.js/brick/three.js/examplesbrick/three.js/examples/webgl_geometry_cube.html 一个漂亮的旋转立方体出现了。中

浏览 2提问于2012-08-19得票数 0

回答已采纳

3回答

我有一大组使用自定义几何的块对象，我希望合并成更小数量的更大的几何图形，因为我相信这将降低渲染成本。我一直在这里遵循指导：，它引导我到几何学-合并组件这里：。A帧文档说：“您可以使用几何合并，然后使用启用顶点颜色的three.js材料。three.js几何图形保存数据，例如颜色，每个顶点uvs。”几何合并组件还说：“如果使用顶点或面着色作为单个几何图形的颜色仍然可以单独操作，因为这个组件保留了一个

浏览 2提问于2021-02-12得票数 2

1回答

如何为SceneKit预编译PBR着色器？

scenekit、arkit、metal

我注意到，如果你有一个空的场景，然后在其中加载一个基于物理照明的3D模型，当对象出现时，会有一点抖动。如果我在这之后添加一个不同的对象，就不会发生卡顿。查看剖析器，默认PBR着色器似乎是在第一个较慢的帧期间编译的。有没有可能预编译这些着色器，这样在我第一次渲染模型时就不会发生这种情况？在Three.js等其他框架中也出现了。

浏览 5提问于2017-09-22得票数 10

1回答

Three.js缓冲区管理

javascript、three.js、webgl

我正在努力提高我的webgl技能，并认为最好的学习方式是通过查看three.js 。我了解如何创建和绑定缓冲区，着色器etc.But，我要寻找的是three.js如何管理绑定缓冲区的过程。gl.createBuffergl.bufferData 有人能解释一下Three.js是如何在引擎盖下工作的吗？

浏览 3提问于2017-02-22得票数 2

回答已采纳

1回答

THREE.JS中曲线的正确处理

javascript、three.js、3d

我有一个球面，上面有多个移动点，我正在绘制连接点的曲线，如下所示：由于点是移动的，我绘制这些曲线为每一帧，因此有很多内存开销，我很担心。scene.add(mesh)scene.remove(mesh)mesh.geometry.dispose() 但是，不允许我处理我的40个Three.js向量points数组和一个CatmullRomCurve3 path数组。问题是什么，以及如何处理new THREE.Vector3()<em

浏览 3提问于2021-07-28得票数 1

回答已采纳

2回答

如何在更改顶点颜色后更新颜色？

javascript、three.js

我在这里复制和粘贴整个(短) html文件来说明这个问题。基本上，我创建一个简单的三角形几何作为一个全局变量。单击" red“按钮时，调用函数red()将三角形呈现为红色。button> <script src="http://threejs.org/build/three.js

浏览 5提问于2016-05-21得票数 1

回答已采纳

2回答

Three.js -可以使用JSON来声明对象吗？

json、three.js、scenejs

与Scene.js,相比，我更喜欢Three.js，但Scene.js的编码风格似乎更高效，因为我需要动态创建大约100个对象，这意味着要用Three.js声明数百个变量。在Three.js中，似乎需要为每个不同的对象定义变量并将其添加到场景中，如下所示：var camera = new中，对象是在</

浏览 4提问于2013-08-06得票数 1

2回答

获得当前动画网格的几何形状

three.js

它加载一个three.js示例动画并运行它。加载的网格是skinnedMesh。每次调用skinnedMesh.geometry.动画()时，都会使用创建一个网格副本该副本名为newMesh，它由一个简单的红色MeshBasicMaterial创建，并偏移到原始副本的一侧。如果运行该代码，您将看到，尽管skinnedMesh是动画的，但newMesh始终是未转换几何的副本。如果它在做我想做的事情，newMesh就会和newMesh一样

浏览 1提问于2016-06-01得票数 1

3回答

以离散层呈现，然后合成

opengl-es、webgl、three.js

在我的项目中，我知道有三个谨慎的层次。例如，假设背景是一个窄管，半径为10个单位，我把它放在相机上以达到类似隧道<

浏览 3提问于2012-12-09得票数 1

回答已采纳

1回答

Object.defineProperty在构造函数中不执行任何操作

javascript、typescript、three.js

我最近重新构建了我的three.js项目，我开始遇到一个问题，每个对象似乎都是用完全相同的几何图形和材质渲染的。我在调试器中跟踪了这个构造函数的问题： Object.defineProperty( this, 'id', { value: GeometryIdCountChrome在Object.defineProperty之后没有显示this对

浏览 0提问于2016-10-07得票数 0

2回答

对于给定数量的几何图形/材料/网格，Three.js会调用多少个

javascript、three.js、webgl

我将如何计算THREE.renderer.render(场景，摄像机)调用的拖放线/绘图元素的数量？我假设每个几何学都有一个调用，其中包含了材料/网格属性的属性。但这很容易是错误的或不完整的。

浏览 3提问于2017-01-21得票数 1

回答已采纳

1回答

TypeError: this.mesh.geometry.area不是一个函数

javascript、three.js、leap-motion

我最近使用了JavaScript和Leapmotion的Three.js，并开始使用leap widgets ()库向我的程序添加一些很酷的按钮。许多小时后，我从一个库中得到了这个类型错误。是我的东西吗？我就是搞不懂.

浏览 0提问于2015-06-05得票数 0

回答已采纳

1回答

用three.js将场景呈现到自定义网格上

three.js、webgl、uv-mapping

在处理了之后，我成功地在我的项目中复制了它的本质:在我的主场景中，有一个现在的球体，第二个场景是通过一个THREE.WebGLRenderTarget缓冲区绘制出来的。当试图将缓冲区映射到简单的自定义网格时，我会得到以下错误的无限流： three.js:23444 WebGL: INVALID_VALUE: pixelStorei: invalid paramet

浏览 3提问于2015-01-21得票数 3

回答已采纳

1回答

three.js EdgesHelper在Collada模型上显示某些对角线

three.js

我在一个简单的模型上使用，这个模型是从SketchUp导出的。它显示了一些像这样的对角线：如何防止这些线条出现，使边缘看起来像它在SketchUp中出现的那样？更新：这就是我想要达到的样子：

浏览 0提问于2015-07-05得票数 2

回答已采纳

点击加载更多