草庐IT

NUMBER_THREE

全部标签

javascript - React-Three-Renderer 引用在 componentDidUpdate 中不是当前的(包括 MVCE)

我正在使用react-three-renderer(npm,github)来构建带有three.js的场景.我遇到了一个归结为MVCE的问题。引用没有按我期望的顺序更新。首先,这里是要查看的主要代码:varReact=require('react');varReact3=require('react-three-renderer');varTHREE=require('three');varReactDOM=require('react-dom');classSimpleextendsReact.Component{constructor(props,context){super(pr

javascript - 为什么 Number ('' ) 返回 0 而 parseInt ('' ) 返回 NaN

我在StackOverflow上浏览了类似的问题和答案,发现了这个:parseInt("123hui")returns123Number("123hui")returnsNaN作为,parseInt()解析到第一个非数字并返回它解析的任何内容和Number()尝试将整个字符串转换为数字,为什么在parseInt('')的情况下不太可能出现这种行为?和Number('').我感觉很理想parseInt应该返回NaN就像它对Number("123hui")所做的一样现在我的下一个问题:作为0==''返回true我相信它解释为0==Number('')这是真的。那么编译器真的像0==Numb

javascript - THREE.JS 从 blender 中导出 JSON 模型(包括纹理)

我正在使用mrdoobBlender导出插件(io_mesh_threejs)导出到三个JS,但导出的.js或.dae对象不包含对纹理贴图文件的任何引用。我需要用特殊的方式导出对象吗?或者,是否有一种特殊的方法需要将map应用于Blender2.65中的对象,以便导出器包含它。最后,如果没有办法,我可以在JS文件中手动添加贴图吗?导出前的搅拌器导出的JSON对象(不引用纹理){"metadata":{"formatVersion":3.1,"generatedBy":"Blender2.65Exporter","vertices":8,"faces":6,"normals":8,"co

javascript - 使用 DOMElements 的 THREE.js SphereGeometry Panorama 热点

我使用SphereGeometry创建了一个简单的WebGL3D全景应用程序,PerspectiveCamera和一个CanvasTexture.现在,我希望通过在SphereGeometry的某些部分添加“热点”来使场景栩栩如生。.我遇到的问题是了解如何更新各种DOMElements以便他们的位置反射(reflect)更新的Camera位置。基本上,作为Camera旋转各种DOMElements会相对于相机旋转的方向移入和移出视野。我尝试定位absolute到和translatingX和Y使用返回的PerspectiveCamera的位置camera.rotation但它并没有真正起

javascript - Three.js setFromRotationMatrix 旋转超过 90 度时的奇怪行为

我有一些对象,每个对象的每个旋转轴都有一个单独的父对象(1个用于X旋转,1个用于Y旋转,1个用于Z旋转。它们也按顺序相互关联:X-旋转对象是Y旋转对象的子对象。Y旋转对象是Z旋转对象的子对象)。我正在尝试创建一个功能,允许用户一起旋转场景中的所有对象(它们都包含在一个Object3D中)。当Object3D旋转时,程序必须找到所有对象相对于世界的绝对位置和旋转,以便程序可以输出每个对象的新值。为此,我目前将其设置为移动对象,以便将其在“场景旋转器”(Object3D)内的位置设置为其相对于世界的绝对位置。现在,我试图使对象的旋转成为对象相对于世界的绝对旋转,以便在“场景旋转器”的旋转发

javascript - 我如何判断 <input type=number> 是空白还是具有无效值?

如果用户在中键入无效值(例如:“1.2.3”),然后Chrome和Firefox报告的value属性为""而不是"1.2.3".那么,我如何判断用户是否在中输入了无效数字?或者只是留空?我尝试使用valueAsNumber属性,但它是NaN在这两种情况下。functionshowInputValue(){constinputValue=document.getElementById("numberInput").value;constinputValueAsNumber=document.getElementById("numberInput").valueAsNumber;conso

javascript - Codility 训练 : Find the maximal number of clocks with hands that look identical when rotated

这是问题的链接:https://codility.com/demo/take-sample-test/clocks问题是我不能从中得到100分(只有42分)。运行时间还可以,但对于某些测试用例,代码给出了错误的答案,但我无法弄清楚问题出在哪里。有人可以帮帮我吗?这是我的代码:functionrotate(arr){varmin=arr.reduce(function(a,b){returna>b?b:a});while(arr[0]!=min){varfirst=arr.shift();arr.push(first);}}functionsolution(A,P){varpositio

javascript - 变形目标 Three.js

我正在尝试开始使用morphtargets和three.js。然而,关于这个主题的文档似乎并不多。当我查看源代码时,morphTargetInfluences[]似乎很神奇。这是如何运作的?我该如何使用它?值1是全强度吗?如何区分同一模型上的不同变形目标?我只是想了解morphTargetInfluences[]提前致谢 最佳答案 http://threejs.org/examples/webgl_morphtargets.html变形目标是几何体顶点位置的集合,用于在它们之间进行自动插值。您可以使用在morphTargetInfl

javascript - Angularjs 和 Number.NaN

当我遇到这个时,我正在浏览Angular文档:https://github.com/angular/angular.js/blob/master/src/ng/directive/input.js#L1556请注意this.$viewValue=Number.NaN;不仅在本文档中,在其他Angular文档中也是如此。与仅将其设置为undefined或null相比,这样做的优点/缺点是什么? 最佳答案 在AgularJS的特定术语中:$viewValueActualstringvalueintheview.$modelValueTh

javascript - Three.js - 制作旋转动画?

我已经构建了这段代码...(javascript)现在我们在屏幕上有一个红色的球体……问题是如何让它旋转?var相机,场景,渲染器,mouseX=0,mouseY=0;var几何、Material、网格;init();functioninit(){//Cameraparams://fieldofview,aspectratioforrenderoutput,nearandfarclippingplane.camera=newTHREE.Camera(75,window.innerWidth/window.innerHeight,1,1000);//movethecamerabackwa