草庐IT

3d虚拟展示

全部标签

javascript - ng-grid 是否支持虚拟滚动?

我想在我的应用程序中使用Slickgrid来实现网格功能,但由于我大部分时间都在使用AngularJS,我认为ng-grid是可行的方法,但不确定它是否支持虚拟滚动(我试图调查他们的文档,但没有找到任何关于虚拟滚动支持的信息)。如果可能的话,如果有人也可以启发我使用ng-grid与slickgrid的优缺点,那就太好了。 最佳答案 是的,ng-grid支持行虚拟化。你可以在gridconfigurationoptions中看到virtualizationThreshold有一个默认设置为50的设置。

javascript - Redux 展示组件与容器组件

我是使用redux进行React开发的初学者。我想知道什么是展示组件和容器组件。如何将组件分类为Presentational或Container?这两者有什么区别?以这种方式对组件进行分类有什么好处? 最佳答案 如果将组件分为两类,您会发现组件更易于重用和推理。我称它们为容器和展示组件。我假设你了解redux架构容器组件了解redux订阅redux状态分发到reduxAction由react-redux生成关注事物的运作方式演示组件不知道redux从Prop中读取数据调用props的回调由开发者编写关注事物的外观对组件进行分类的好处

javascript/threejs - 围绕中心 y 轴(在 3D 空间中)在圆中移动对象的方程式

我正在试验threeJS,我已经定位了一个相机并查看场景的原点(0,0,0)。我想以设定的距离(半径)围绕y轴绕一圈移动该相机,同时保持其对原点的关注,但我不确定如何设置方程式。目前,我只是在旋转对象本身,但我想改为旋转相机。这是我移动网格的代码:functioncheckRotation(){if(keyboard.pressed("left")){mesh.rotation.y+=.05;}if(keyboard.pressed("right")){mesh.rotation.y-=.05;}}下面是一些移动相机的例子:camera.position.x=???(移动其x位置的一些

javascript - three.js 3d 模型作为超链接

我正在尝试找出一种方法,将通过Three.js创建的3D模型用作超链接。换句话说,如果我单击一个立方体(THREE.CubeGeometry),我希望打开另一个页面。例如,在thisthreejs.orgexample中,我怎样才能改变它,而不是在方框上制作小点,点击方框会打开另一个页面,比如超链接? 最佳答案 实现它的一种方法是在创建每个多维数据集时将自定义userData(URL)与它相关联。所以这是一个示例代码,我们如何在生成数据时将数据放入多维数据集(在jsfiddle中,第25-63行之间使用了类似的逻辑)varobjec

javascript - 虚拟机上的跨浏览器测试 - 问题?

我所在的组织中,一些非常有能力的人争论是否要在虚拟机(IE6/7/8、FF2/3、Chrome)上测试JavaScript密集型Web应用程序的跨浏览器行为在XP/Vista/7上)是可靠的。这是在Linuxbox主机上使用VMWare服务器。虽然看到的差异很少,但在某些情况下很难判断它是虚拟化的产物还是只是不同的机器配置。我向社区提出的问题是,人们对此有何体验?VM造成不一致的说法是否可信,或者它们通常是可靠的?我们可以信任他们吗? 最佳答案 如果虚拟机运行的是正常操作系统,其浏览器应该没有任何问题。渲染和性能差异可能会很明显,但

javascript - 如何将 3d 模型从 Cinema4D 导出到 three.js?

如果我有一个在Cinema4D中建模的网格,我如何将其导出为three.js3DJS引擎?此外,为多边形选择导出Material颜色会很方便。 最佳答案 刚刚为此为Cinema4D编写了另一个python脚本。您可以在disturbmediablog上找到详细信息和wiki.作为引用,我在这里也列出了来源:'''author:"GeorgeProfenza"url:("disturb","disturbmedia.com/blog","Myblog,http://tomaterial.blogspot.com")Exportmesh

javascript - 使用 SVG 或 WebGL 的 3D 形状

您好,我想在浏览器中渲染一个交互式3D球体。它上面的纹理将是一张世界地图,所以基本上我试图创建一个可以使用map在任何方向旋转的地球仪。我很擅长使用SVG渲染2D图像,但不确定如何在SVG中渲染3D形状。是否可以在SVG中渲染3D形状,如果可以,如何渲染?如果不是,WebGl是更好的选择吗? 最佳答案 看看three.js它对实现进行了一些抽象(带有WebGL/SVG/Canvas后端)。SVG是一种2d矢量图形格式,但您可以将3d形状投影到2d上,因此可以使用SVG渲染3d对象,这只是一些工作(最好留给javascript库)。

javascript - 为什么 translate3d 会泄漏 DOM 节点?

考虑这个HTML页面:http://jsbin.com/aYUcelo/1/(我建议下载它以摆脱所有jsbin噪音)。点击GO按钮,一个div被添加到正文中。RM删除其中一个div。它还将两种样式之一应用于新的div:newDiv.style.color="red";//ornewDiv.style.WebkitTransform="translate3d(0px,0px,0px)";可以看到chromedevtoolsmemorytimeline中的节点数量不断增加,如果应用了WebkitTransform,GC无法移除。红色样式不会发生这种情况。编辑:只是为了明确应用“红色样式”添

javascript - 启用/禁用虚拟键盘

我正在使用virtualkeyboard.我有一个复选框来控制是否显示虚拟键盘。问题是我不明白如何禁用它。我尝试解除绑定(bind)但它不起作用...我还尝试使用命名空间,然后取消绑定(bind)所有命名空间,但在单击文本框后仍然可以访问键盘。$(function(){//showlogin$("#showLogin").on({click:function(){$("#loginFormDiv").toggle("slow");}});$("#cb_showVKey").on('click',CheckIsToShowKey);});functionCheckIsToShowKey(

javascript - 3D CSS 变换 : translateZ causes elements to disappear in Chrome

我正在使用Javascript在Chrome中操作CSS转换,我注意到当translateZ值变得太低(很远)时,元素将会消失。这似乎只有在有大量元素时才会发生。这似乎与元素的z-index有关。这是问题的一个例子:http://jsbin.com/iZAYaRI/26/edit将鼠标悬停在输出上以查看问题。有人知道为什么会这样吗?更新:看起来该元素并没有真正消失,而是移动了一千个像素左右。 最佳答案 在我的例子中,z平移属性大约为零。将我的零翻译从0更改为1解决了我的问题。在safari中运行的原始代码:transform:sca