草庐IT

basic-setup-with-three-boxes

全部标签

javascript - 将 SpotLight 指向与相机 three.js(手电筒)相同的方向

我真的是这方面的新手。我想制作一个简单的3D场景,在那里我可以使用PointerLockControls飞来飞去,但我还想要某种手电筒。所以聚光灯应该指向与相机相同的方向。我已经让聚光灯跟随相机,但它的目标绑定(bind)到0,0,0。实现此目标的最佳方法是什么?谢谢。 最佳答案 SpotLight目标是Object3D,而不是Vector3。spotlight.target=myObject;在您的情况下,最好的解决方案是改用PointLight,并使用以下模式:scene.add(camera);camera.add(point

javascript - three.js 在线包含它的 URL 是什么?

我正在尝试使用three.js在googleappengine中制作一个javascript应用程序,但我没有获得将其在线包含在我的文档中的URL。我不想上传整个three.js包,它的大小非常大。我想知道是否有一种方法可以获得URL来包含库,就像jQuery的这个库一样:http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js如果已经有人问过这个问题,请提供链接。 最佳答案 您的问题的搜索词应该是threejscdn生成以下链接(对于r128):https://

javascript - jQuery : How to check if NO option was explicitly selected in a select box

是否可以检测是否没有在选择框中明确选择选项?我已经尝试过这些方法,但都不起作用:FirstSecondThirdFourth试验1:alert($('#selectoption:selected').length);//returns1试验2:alert($('#selectoption[selected=selected]').length);//returns1试验3:alert($('#selectoption:selected').attr('selected'));//returns'selected'有什么想法吗? 最佳答案

javascript - three.js 透明 map 问题

我正在创建大量粒子(准确地说是80.000个)并且我设置了一个透明贴图,但并非所有粒子都是透明的。我正在使用透明的PNG图像:(它几乎看不见,但还好)作为Material贴图,尽管它显示黑色背景,如下所示:如果您仔细观察,有些粒子会很好地混合在一起(没有重叠的黑色边缘),但有些则不会。可能是因为有太多重叠的透明对象,或者这不应该成为问题吗?这是负责生成我的粒子的片段://loadthetexturevarmap=THREE.ImageUtils.loadTexture('img/particle.png');//createtempvariablesvargeometry,materi

javascript - 错误 : $injector:modulerr Module Error with ui-router

我不知道是什么问题div#wrapper(ng-app="adminApp")....js/varadminApp=angular.module('adminApp',['ui-router']);如果我用varadminApp=angular.module('adminApp',[]);错误消失这是为什么?更新:从控制台添加图片 最佳答案 模块名称是ui-router但你需要注入(inject)ui.router而不是ui-routervaradminApp=angular.module('adminApp',['ui.route

javascript - 拉斐尔-JS : Rect with one round corner

paper.rect(0,0,settings.width,settings.height,settings.radius);创建一个带有圆Angular的漂亮矩形。是否可以创建一个只有一个圆Angular的矩形? 最佳答案 如果你使用RaphaelJS:Raphael.fn.roundedRectangle=function(x,y,w,h,r1,r2,r3,r4){vararray=[];array=array.concat(["M",x,r1+y,"Q",x,y,x+r1,y]);//Aarray=array.concat([

javascript - 如何在 JavaScript 中使用 array reduce with condition?

所以我有一个数组constrecords=[{value:24,gender:"BOYS"},{value:42,gender:"BOYS"},{value:85,gender:"GIRLS"},{value:12,gender:"GIRLS"},{value:10,gender:"BOYS"}]我想得到sum所以我使用了JavaScriptarrayreduce函数并得到了它。这是我的代码:someFunction(){returnrecords.reduce(function(sum,record){returnsum+record.value;},0);}通过该代码,我得到了正确

javascript - Three.js 如何获取网格的位置?

使用以下代码,网格的位置返回为(0,0,0)但事实并非如此。那么位置向量是在渲染过程之后计算出来的吗?me.scene.add(objMesh);//meisaprojectclassobjMesh.updateMatrixWorld(true);alert(objMesh.position.x+','+objMesh.position.y+','+objMesh.position.z);objMesh是从objfile创建的,它被正确地添加到场景中,质心大约是(-8,3,0)但是objMesh的位置向量是(0,0,0)我们必须先自动计算一些东西还是我应该从网格的几何顶点手动计算它?h

javascript - 用 Three.js 画一个圆(没有阴影)

我正在尝试绘制一个与this上的轨道图案非常相似的圆圈网站。我想使用Three.js而不是纯WebGL。 最佳答案 Three.jsr50添加了CircleGeometry。在WebGLGeometriesexample中可以看到(尽管有脸).几何中的第一个顶点是在圆的中心创建的(在r84中,请参见CircleGeometry.jsline71,在r65中,请参见CircleGeometry.jsline18),如果您想要那个“完整的吃bean人”,这非常好或“无信息饼图”外观。哦,如果您要使用LineBasicMaterial/L

javascript - three.js - 管段上的 TubeGeometry + DecalGeometry

我想在管几何体的一段内(在背面)放置贴花。我的做法是使用TubeGeometry作为贴花几何体。这是我的:这就是我想要的:(画得不好)示例代码://codevartube=newTHREE.TubeGeometry(pipelineSpline,200,20,20,closed2);tubeMesh=THREE.SceneUtils.createMultiMaterialObject(geometry,[material,//aphongmaterialmaterialInside//amaterialfortheinside]);scene.add(tubeMesh);vardeca