草庐IT

three_id

全部标签

javascript - Three.js 中的内存泄漏

我们正在尝试创建一个单页应用程序,用户可以在其中在多个Three.js应用程序之间切换。但是,我们注意到选项卡的内存使用量不断增加。它们在我们的应用程序中没有内存泄漏,似乎Three.js变量没有从RAM中清除。重新创建的步骤访问http://threejs.org/examples/并在GoogleChrome中打开任务管理器以查看相关选项卡的内存使用情况。不断在示例之间切换,您会注意到内存使用量不断增加,并且GC似乎从未发生或无法取消链接以前消耗的内存块。我的笔记本电脑配置如下https://aboutmybrowser.com/pDp7aTxH当一切开始卡住时,内存很容易超过1G

javascript - 使用 three.js 折叠矩形以形成立方体

我正在尝试制作一个立方体,其表面有6个面,作为一个面可移动的立方体网。像这样:上图中,有6张脸,一张脸(蓝色的)是可动的。人们可以沿着它们的边缘将它们一起向上旋转以形成一个“网”。一旦他们认为自己完成了,他们可以按下“折叠它”按钮——所有的边都旋转90度以创建立方体(或者如果他没有在适当的位置加入蓝色面,则可能不是立方体。)下面是按下“折叠”按钮后的中间状态。折叠面后应该是这样的:这里给出对应的动画:http://www.mathematikus.de/10/(不知何故该链接在mac上不起作用)我不知道该怎么做。感谢您的帮助。在此先感谢您。 最佳答案

javascript - 使用键盘箭头使用 three.js 进行第一人称模拟

有关我的来源,请访问http://jsfiddle.net/fYtwf/背景我有一个使用three.js的简单3d模拟,其中相机在3维空间中被立方体包围。在对View控件进行编码和测试之前,这些立方体有助于可视化相机正在注视的位置。我想创建一个简单的3D应用程序,通过上、下、左和右控制相机键。就像移动你的头一样问题在我目前的应用中,当面向前方并开始向上看时,我们就成功了。然而,当我们向左转90度,并按下向上箭头时……错误的事情发生了。相机增加了x轴,但是因为我们面对的是另一个方向,单独修改x轴是错误的...现在我假设这是因为需要一些三Angular函数来计算z轴的正确值。但是,我的三A

javascript - three.js 改变 Material 的纹理

我正在three.js中的网格上设置纹理,当它加载时它看起来也是我想要的:texture=THREE.ImageUtils.loadTexture("textures/hash.png");texture.needsUpdate=true;uniforms={color:{type:"c",value:newTHREE.Color(0xffffff)},texture:{type:"t",value:texture},},vertexShader="varyingvec2vUv;voidmain(){vUv=uv;gl_Position=projectionMatrix*modelVi

javascript - 如何将 Bootstrap 数据容器设置为特定 ID

我试图制作一个Bootstrap弹出窗口。为此,我根据Bootstrap指南编写了以下代码。我正在使用Bootstrap3.1.0。thisisjustfortext"/>它工作正常,但问题是popovercontent附加到body。我在Bootstrap文档中发现我可以通过data-container属性进行控制。data-container="#anotherDivId"实际上我想将弹出窗口内容附加到特定的div("anotherDivId")而不是附加到body。我的想法失败了,所以任何人都可以帮助我。谢谢。 最佳答案 da

javascript - 如何使用 javascript 在没有 id 的情况下向 html 标记添加 onclick 事件?

我试过这样做,但似乎没有用:window.onload=initAll;functioninitAll(){document.getElementsByTagName('a').onclick=clickHandler;}functionclickHandler(){if(this.toString().indexOf("localhost")我知道我可以getElementById并且它有效,但它不能以这种方式工作。任何帮助将不胜感激。谢谢! 最佳答案 document.getElementsByTagName('a')返回DOM

javascript - 使用 THREE.OBJLoader 渲染 OBJ 文件

如何使用THREE.OBJLoader方法渲染OBJ文件,我有一个示例OBJ格式,但它不会渲染任何东西,我在chrome开发工具中也看到错误 最佳答案 在https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_obj.html#L75查看OBJLoader使用示例(在行动http://mrdoob.github.com/three.js/examples/webgl_loader_obj.html)varloader=newTHREE.OBJLoade

javascript - 如何使 ShadowCamera 在 three.js r73 中可见?

Light.shadowCameraVisible=true;发出警告THREE.Light:.shadowCameraVisiblehasbeenremoved.UsenewTHREE.CameraHelper(light.shadow)instead.关于添加Scene.add(newTHREE.CameraHelper(Light.shadow));报错UncaughtTypeError:this.camera.updateProjectionMatrixisnotafunction(three.js:35002) 最佳答案

javascript - 根据 x 和 y 位置获取 DIV id

我要解决的问题是“这个位置是什么?”获取DIV的x/y位置(偏移量)相当简单,但反过来呢?如何在给定x/y位置的情况下获取DIV(或任何元素)的ID? 最佳答案 不幸的是,触发制造/模拟的鼠标事件将不起作用,因为当您分派(dispatch)它时,您必须提供一个目标元素。由于该元素是您要找出的元素,您所能做的就是将它分配到body上,就好像它已经冒泡了一样。您真的需要自己做,即手动遍历您感兴趣的元素,并将它们的位置/大小/zIndex与您的x/y点进行比较,看看它们是否重叠。除了在IE和最近的FF3中,您可以在其中使用varel=do

javascript - 当我可以在 JavaScript 中直接引用 DOM id 时,为什么要使用 document.getElementById?

这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:IE/Chrome:areDOMtreeelementsglobalvariableshere?我最近发现我可以在javascript中使用DOM中的任何对象并直接引用其id:IMALAYERalert(layer.innerHTML);如果这是真的,我使用getElementById方法有什么好处?