草庐IT

times_three

全部标签

javascript - 如何从 HH :MM AM time string in Javascript? 中减去小时数

从这样格式化的时间字符串中减去几个小时的最佳方法是什么:8:32AM我考虑过在冒号处拆分字符串,但是当从1:00AM减去3小时时,我得到-2:00AM而不是所需的10:00PM。 最佳答案 最可靠的方法是将它转换成一个JS日期对象,然后你算一下varolddate=newDate(2011,6,15,8,32,0,0);//createadateofJun15/2011,8:32:00amvarsubbed=newDate(olddate-3*60*60*1000);//subtract3hoursvarnewtime=subbed

javascript - 用网格填充 three.js 场景

我在找什么在three.js场景中显示填充整个场景的网格。在这种情况下,场景是整个窗口。这个网格代表一个3D表面,可以使用THREE.TrackballControls用鼠标四处移动这个网格面向相机,所以最初它看起来像一个平面(2D)表面,直到轨迹球被移动用鼠标四处移动。网格线的宽度应等于渲染器的宽度。我做了什么我已经设置了一个工作jsFiddle对于我到目前为止所做的。首先我找到场景的边界(所有这些都在jsFiddle中),App=function(sceneContainerName){this.sceneContainerName=sceneContainerName;this.

javascript - 如何正确处理 Three.js 场景? (r55)

似乎Three.js没有一个很好的方法来处理THREE.Scene和该场景中的所有对象。目前我正在做以下事情:$.each(scene.__objects,function(idx,obj){scene.remove(obj);if(obj.geometry){obj.geometry.dispose();}if(obj.material){if(obj.materialinstanceofTHREE.MeshFaceMaterial){$.each(obj.material.materials,function(idx,obj){obj.dispose();});}else{obj.

javascript - 将 Three.js 骨骼动画更新到新的基于混合器的系统

混音器系统是在r73中引入的,从那时起我一直在尝试将我的游戏更新到这个新系统。除了一件事,我几乎就在那里。某些具有特定几何形状的动画的淡入淡出有轻微的延迟,这在r72中是不存在的。我破解了r72的BlendCharacter和Animation函数以允许回调并且效果很好。在73中,这不是必需的,因为它通过事件触发器内置了此功能。在下面的fiddle中,一切都按预期工作(r72)。http://jsfiddle.net/titansoftime/a93w5hw0/varscene,camera,renderer,ambient,directional;varmesh,geoCache={

javascript - 使用 React-Three-Renderer 的 Sprite 标签(包括 MVCE)

我正在使用react-three-renderer(npm,github)来构建带有three.js的场景.我正在尝试使用和制作一个始终面向相机的标签,就像在stemkoski'sexample中一样.但是,我无法显示标签并正确设置其坐标。我在Sprite-Label-Test有一个最低限度可验证的完整示例.下载它,运行npminstall,然后打开_dev/public/home.html。我的目标是让文本显示在我期望的位置,但如您所见,它只是黑色。为了证明Sprite在相机的视野中,我在相同的位置放了一个盒子。要查看从渲染方法中取消注释并重新吞咽。这是我的文件。它有两个主要组成部分

javascript - 如何处理相同子组件中的 React Native animated.timing

父组件:routes.forEach((data,index)=>{content.push()})项目组件:scrollAnimate(toValue){const{offset}=this.props;Animated.timing(this.state.xTranslate,{toValue,duration:20000,easing:Easing.linear,useNativeDriver:true}).start((e)=>{if(e.finished){constnewState={xTranslate:newAnimated.Value(offset)}this.set

javascript - 如何在 three.js 中设置 Z 坐标系?

在three.js中,Y轴代表上下,Z轴代表前进和后退。但我希望Z轴表示上下,Y轴表示向前和向后。这是一张显示我想要的图像:我想改变整个坐标系,如果我绕y轴旋转网格,它会遵循新坐标系而不是传统坐标系。现在,我搜索了堆栈溢出并找到了这个链接:Three.JSrotateprojectionsothattheyaxisbecomesthez-axis.它不起作用。THREEJS:MatrixfromZ-UpCoordinateSystemtoY-UpCoordinateSystem.此方法仅更改对象或网格的y和z顶点,但如果我围绕y轴旋转它,它会围绕传统的y轴旋转。我还必须将矩阵应用于旋转

javascript - Three.js - 如何旋转对象以注视一个点并朝向另一个点

一般来说,我是three.js和3d编程的新手,所以这似乎是一个非常简单的问题。理想情况下,我希望答案可以帮助我理解基本原理。我有一个对象需要“指向”另一点(为简单起见,在本例中为原点),这可以使用Object3D.lookAt(point)函数轻松完成。这很好地指向了对象的Z轴。我还想围绕其Z轴旋转名为looker的对象,使其X轴通常指向另一个对象refObj。我知道X轴不能直接指向refObj除非该对象恰好与原点形成直Angular。我希望looker的X轴位于由origin、refObj和looker创建的平面上,如图所示下面:进行旋转的最简单方法似乎是修改looker.rota

javascript - 一个场景,但带有自己的相机的多个视口(viewport)(three.js)

我有一个场景想重复使用,在两个div中渲染场景,每个div的相机Angular不同。Thislink说一个场景不能在多个渲染器之间共享,并建议将多个视口(viewport)与单个渲染器一起使用。如何将多个摄像头分配给一个渲染器,然后获取显示每个摄像头的DOM元素?谢谢 最佳答案 您想完全按照这个three.js示例中的方式进行操作:https://threejs.org/examples/webgl_multiple_views.html这使用多个视口(viewport),而不是多个div。这确实是最好的方法。

javascript - D3 : How do I set "click" event and "dbclick" event at the same time?

我已经将点击事件切换到一个节点,我还想将dbclick事件切换到它。但是,它只会在我点击它时触发点击事件。那么如何同时设置两个事件呢? 最佳答案 您必须进行“自己的”双击检测类似的东西可以工作:varclickedOnce=false;vartimer;$("#test").bind("click",function(){if(clickedOnce){run_on_double_click();}else{timer=setTimeout(function(){run_on_simple_click(parameter);},15