草庐IT

3D可视化

全部标签

javascript - 在 HTML5 Canvas 上创建立体 3D 图像

我正在使用HTML5canvas对象创建一个简单的3D引擎。它运作良好,但我想实现红/蓝立体图像处理,这样人们就可以使用红/蓝眼镜真正看到3D。目前,我对3D对象进行了两次渲染,第二次是从紧挨着第一个相机位置的相机位置渲染的。我面临的问题是如何将渲染的两个对象组合成具有正确颜色的浮雕。现在我使用globalAlpha=0.5并将第一个渲染为红色,第二个渲染为蓝色。然而,这并不完全有效,因为仅受红色对象影响的像素应该保持红色,但由于我的背景颜色是黑色,它们会变成黑色和红色之间的颜色。在查看创建3D浮雕的应用程序时,我注意到红色和蓝色像素一起计算如下:2550000255---------

javascript - 三.Object3D.add : object not an instance of THREE. Object3D

所以我遇到了这个错误,但我找不到它的来源。我相信这与我在场景中导入和创建3d对象有关,但我不确定我做错了什么。代码如下:我在调用init之前调用此函数functionloadObjects(){loader=newTHREE.JSONLoader();varfloorDiskmaterial=newTHREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('img/floor_test.jpg'),transparent:true,color:0xeaeaea,ambient:0xeaeaea,overdraw:0.5,//sp

javascript - 将几何添加到 THREE.Object3D

我已经编辑了这篇文章以使其更加清晰。好吧,我在这里要做的是表示一个由8个不同三Angular形组成的图block。每个三Angular形都应该能够独立地改变它的颜色。所以,我遇到的问题是,当我更改单个三Angular形的颜色时,它会更改中间线条的颜色,如您在第二张图片中所见。这是创建磁贴的代码:vartile=[];varn=0;for(vari=0;i要更新我使用此代码的Tile三Angular形的状态:for(varj=0;j这是更改Material的正确方法吗?我稍微简化了代码以更好地展示我的问题。但是,真正的代码在这个存储库中https://github.com/tul1/Ti

javascript - 在 Rails 中使用 Google 的可视化组织结构图

我打算在我的应用程序中实现组织结构图,我发现显示组织结构图的最佳资源是Google'sOrganisationalChart.我正在使用awesome_nested_set来维护数据库中的树结构,现在我需要将树显示为组织结构图,为此我认为我可以使用Google组织结构图。可以吗?如果是这样,任何提示或资源都会有所帮助。谢谢! 最佳答案 所以,我找到了这个资源。它叫做GoogleVisualR.它使可视化Google的组织结构图变得非常容易,而且,您编写Ruby代码而不是Javascript中的一行代码(除非您当然需要自定义它)。好的

javascript - 开源流程可视化工具

是否有任何支持API的基于Javascript的开源工具可以像GoogleAnalyticsVisitorFlow那样生成流可视化?? 最佳答案 我会使用D3JavaScript库:http://d3js.org/查看示例页面(https://github.com/mbostock/d3/wiki/Gallery)他们有一些下一页流概念 关于javascript-开源流程可视化工具,我们在StackOverflow上找到一个类似的问题: https://sta

javascript - 将 Canvas 上的视频转换为 3d 网格的合适起点是什么

目前是否有用于将Canvas中的视频流转换为3D网格的JavaScript库?示例情况是将相机对准杯子并捕捉原始图像,将以前的数据与新数据进行比较以生成视野内物体的边缘轮廓,理想情况下将其转换为最简单的多边形集并显示在第二个Canvas元素中计算多边形/模型。我看过mrdoob在3djavascript上的一些出色工作,从对象文件到Canvas中的渲染,但我希望捕获原始数据并尝试生成网格。目的是通过套接字在2个用户之间发送网格点,以获取当前在相机View中捕获的任何对象。感谢任何帮助。 最佳答案 它不是一个库,但这里演示了您正在寻找

javascript - 使用Javascript检测可视区域的高度

我想使用Javascript检测可视区域的高度。我有这个高度为550px的DIV,我想在浏览器上显示它。但是,此高度可能会导致垂直滚动条出现在某些浏览器上(取决于用户安装的工具栏数量)。在那种情况下,我想检测到这一点,并提醒用户。我尝试使用document.body.clientHeight但它似乎不起作用...当我尝试添加新工具栏并刷新页面时给我相同的高度。 最佳答案 这应该可以帮助您:http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

神经网络中的可视化

1.ZetaneViewer(上传ML模型,一键可视化)神经网络在工作的时候,里面到底是什么样?为了能透视这个“AI黑箱”中的过程,加拿大蒙特利尔一家公司开发一个3D可视化工具ZetaneEngine。只需要上传一个模型,ZetaneEngine就可以巡视整个神经网络,并且还可以放大网络中的任何一层,显示特征图,看清流水线上的每一步在这里插入图片描述参考:微信文章:https://mp.weixin.qq.com/s/PMdG5hknfz7k9OB6Gad-4AGitHub源码下载:https://github.com/zetane/viewerbilibil官方视频讲解:https://ww

javascript - 从 Object3D 中移除子对象

如果我按以下方式创建对象:vargroup=newTHREE.Object3D();for(vari=0;i那么,如何从该组中删除这些对象?我试过这样做...for(vari=group.children.length-1;i>=0;i--){scene.remove(group.children[i]);}...但它输出为“未定义”。我在这里做错了什么? 最佳答案 for(vari=group.children.length-1;i>=0;i--){group.remove(group.children[i]);}

javascript - translate3d 的 css3 替代品?

我正在尝试转换为ipad等支持触摸的设备制作的JS脚本,以便它可以与鼠标手势一起使用。该脚本使用translate3d,(我认为)它是特定于webkit的,但我想让它在尽可能多的浏览器中工作。那么,translate3d的CSS3替代品是什么?这是它在JavaScript中的使用方式:element.style.webkitTransform='translate3d(500px,0,0)';我对CSS3的了解非常有限,因此非常感谢您提供任何示例/解释。 最佳答案 Translate3d是CSS3,大多数浏览器还没有实现它(Chro