草庐IT

line_three

全部标签

javascript - 使用 Three.js 变形

我正在使用Three.js开发一个在线工具,更准确地说,它是关于变形和缩放3d对象的各个部分的。我询问是否有一种方法可以像这样在Three.js中变形对象http://n-e-r-v-o-u-s.com/cellCycle/(横条在右上角),以一种自由的方式。以及我如何建模像环面但具有矩形截面而不是圆形的网格。有人遇到过这种问题吗?提前致谢。 最佳答案 如果您正在考虑创建程序几何体,您可以尝试查看http://mrdoob.github.com/three.js/examples/webgl_geometries2.html它们也可

javascript - THREE.js 中 BufferGeometry 的 STL 导出器

我有许多BufferGeometries,它们组成一个场景,它们的网格已经转移到不同的位置。我想知道是否有办法将这个场景从包含BufferGeometries的网格导出到STL文件。非常感谢。 最佳答案 您可以像这样将BufferGeometries转换为Geometry:vargeometry=newTHREE.Geometry().fromBufferGeometry(bufferGeometry);然后您可以导出为STL格式。 关于javascript-THREE.js中Buffe

javascript - 使用干净的 JavaScript 堆配置文件长时间运行的 THREE.js 应用程序中的 GPU 崩溃

我们长期运行的THREE.js应用程序(24/7)在使用几天后崩溃了。我将模拟用户交互的压力测试放在一起,这些测试处于while(true)循环中,这些似乎需要3到4天才能因WebGL_Context_Lost事件,通常表示GPU进程崩溃。我精通ChromeDevToolsHeapprofiler,并且运行了无数次测试,所有测试都在每次模拟之间没有留下任何对象(与上述相同的模拟)。这是其中一个仅显示系统对象的屏幕截图(忽略第一个快照的大小):JavaScript内存和GPU内存在Chrome任务管理器中都在攀升,但稳定下来(我觉得GC被推迟了,因为这些操作太频繁了)。没有连续攀升至崩溃

javascript - 如何检查 webgl(three.js) 的客户端性能

我有一个使用three.JS的图形项目,现在我想自动检查客户端GPU性能并计算我可以在应用程序中加载多少元素。我想到了GPU基准测试之类的东西。 最佳答案 看看stats.js,thisTHREEXplugin和webglinspector. 关于javascript-如何检查webgl(three.js)的客户端性能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2317877

javascript - Chrome : Call Javascript function from (system) command line?

我需要通过命令行从在GoogleChrome/Chromium中运行的网站调用Javascript函数。是否有可能通过命令行从外部访问开发者工具?是否有可用于执行代码的扩展?最方便的方法是从命令行访问Chrome开发者控制台。编辑:为了更清楚:假设我所在的网站定义了这个函数:functionhello(){alert("hello");}我想调用此函数,但我无法访问Chrome中的开发人员工具。我只能访问MacOSX终端(通过SSH)。这是一个没有键盘的画廊设置。可能需要某种管道。 最佳答案 经过更多研究,我找到了crconsole

javascript - 在 Chrome 上使用 THREE.js 在本地镜像上拒绝跨源图像加载

我正在使用THREE.js,但在开发者控制台中收到此错误:Cross-originimageloaddeniedbyCross-OriginResourceSharingpolicy.当我用Chrome打开我的脚本时。代码如下所示:varparticle_system_material=newTHREE.ParticleSystemMaterial({color:0xffffff,map:THREE.ImageUtils.loadTexture("images/circle.png"),});所以你可以猜到,:map:THREE.ImageUtils.loadTexture("imag

javascript - Angular JS 控制台错误 : line numbers don't refer to my source files

我正在制作我的第一个Angular应用程序,我正在尝试弄清楚如何使用控制台中显示的错误来找出我的代码中哪里出了问题。这是一个示例控制台错误:Error:[$injector:unpr]Unknownprovider:HomeProvider查看所有行号如何引用angular.js文件中的行而不是我的源文件?这让我猜测我的错误在哪里。注意:我不是在寻找解决此特定错误的方法。我正在尝试大致了解如何使用Angular查找这些错误的根源。我已经安装了Batarang,但根本没有向我显示此错误。另外,otherSOanswers向您展示如何通过在特定位置插入代码来手动将错误信息记录到控制台,但前

javascript - 将 JSON 指针映射到文本 JSON 文件中的 {line, column}

我需要将JSON(或JavaScript对象)中由JSON指针定义的位置映射到JSON文本文件中的位置,如{line,column}。是否有任何现有的JavaScript库可以做到这一点?编写这段代码会有点乏味......例如,如果我有一个JSON文件(文本):{"foo":[{"bar":1}]}然后给定JSON指针/foo/0/bar我需要得到{line:4,column:7}作为结果。如果此JSON文件中存储了等效的JSON值:{"foo":[{"bar":1}]}那么相同JSON指针的结果应该是{line:1,column:10}。 最佳答案

javascript - 如何使用 three.js 在两种颜色之间进行补间?

我有一个给定颜色的three.js对象。我想把它平滑地动画成另一种颜色。在动画期间,它应该只显示开始和结束之间的直接渐变。也就是说,它不应该在RGB颜色空间中线性执行补间。我什至不确定HSV空间内的线性补间是否也好看。如何在three.js对象上获得这种颜色补间? 最佳答案 我有一个在HSV空间中制作补间的版本。它并不完美,因为沿途会出现许多不同的色调。Three.js不包含从THREE.Color获取HSV值的方法。所以,添加一个:THREE.Color.prototype.getHSV=function(){varrr,gg,b

javascript - 如何在 three.js 中正确加载 json 模型?

我很难在three.js中加载JSON模型。我制作了一个非常简单的管状模型,并在blender中对其进行了纹理处理。问题是每当我尝试在three.js中加载json模型时,顶点看起来很奇怪。我试过使用不同的设置导出模型,但总是遇到同样的问题,所以我认为问题出在我的代码中。编辑:否定。我加载了水牛模型,它看起来应该如此。知道我在blender里做错了什么吗?canvas{width:100%;height:100%;}varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/wi