草庐IT

basic-setup-with-three-boxes

全部标签

javascript - 使用 Three.js 围绕对象旋转相机

我正在使用WebGlRenderer显示带有Three.js的OBJ元素,现在我想允许用户以任何方向围绕对象旋转相机,我找到了这个答案:RotatecamerainThree.jswithmouse但是两个例子都返回错误,第一个说投影仪没有定义,我不知道“投影仪”是什么意思。我只有一个简单的相机、物体和一些光。第二个代码表示undefined不是一个函数。有人知道如何获得我需要的结果吗? 最佳答案 这就是您想要的:http://threejs.org/examples/misc_controls_orbit.html包括轨道控件(在

javascript - QUnit with Ajax,QUnit 通过了失败的测试

我正在研究用于JavaScript单元测试的QUnit。我处于一种奇怪的情况,我正在检查从Ajax调用返回的值。对于下面的测试,我是故意让它不及格的。//testtocheckifthepersonsarereturned!test("getPersons",function(){getPersons(function(response){//persons=$.evalJSON(response.d);equals("boo","Foo","Thenameisvalid");});});但它最终总是通过。下面是进行Ajax调用的getPersons方法。functiongetPers

javascript - three.js动态画线

这就是我想要实现的(一个可修改的多边形,其中红色圆圈是顶点)并且我想动态构建多边形。初始化几何时vargeometry=newTHREE.Geometry();geometry.vertices.push(point);geometry.vertices.push(point);varline=newTHREE.Line(geometry,newTHREE.LineBasicMaterial({}));它在第二次单击之前一直运行良好,它在1和2之间建立一条直线,但在将其推送到数组时不会添加第三条线。WebGL似乎需要缓冲点。当我像这样预定义顶点时,我可以绘制两条线(第三次单击)varg

javascript - Three.js 中的动态骨骼动画

是否可以通过使用three.js对3D模型的骨骼应用转换来创建动态动画?我尝试移动和旋转SkinnedMesh的骨骼,但网格未更新。loader=newTHREE.JSONLoader();loader.load('/JS-Projects/Virtual-Jonah/Modelos/initialPose.js',functionjsonReady(geometry){mesh=newTHREE.SkinnedMesh(geometry,newTHREE.MeshNormalMaterial({skinning:true}));mesh.scale.set(10,10,10);mes

javascript - ES6/下一个 : object destructuring with rest - grouping

我有:constprops={gallery:[],select:()=>null,one:1,two:2,}我可以用以下方式解构它:const{gallery,select,...other}=props我现在将有三个变量:图库=[]选择=()=>nullother={one:1,two:2}是否可以解构为指定的分组?类似这样的事情(这是行不通的,但我希望清楚地看到我正在尝试做什么):const{{gallery,select}:specific,...other}=props所以我将有2个变量:具体={gallery:[],select:()=>null}other={one:1,

javascript - 无法识别的功能 : 'autoplay' error with YouTube embedded player

使用数据3API加载YouTubeiFrame嵌入播放器时,是否还有其他人在浏览器控制台中看到此警告?Unrecognizedfeature:'autoplay'.Google文件中出现错误:www-widgetapi.js:110它似乎是JavaScript错误(来自第110行):c.setAttribute("allowfullscreen",1);c.setAttribute("allow","autoplay;encrypted-media");我假设自动播放部分应该是:c.setAttribute("autoplay",0);文件在这里:https://s.ytimg.com

javascript - 如何在 three.js 中制作加载屏幕?

我有大量的纹理和模型要加载到我的项目中。我正在尝试在加载所有内容时显示进度条。我认为LoadingManager可以满足我的需求,因为它会跟踪所有已加载Assets的进度。我正在使用JSONLoader和TextureLoader。如果有人能告诉我如何在示例代码中实现这一点,那就太棒了。varcamera,scene,renderer;init();animate();functioninit(){camera=newTHREE.PerspectiveCamera(70,window.innerWidth/window.innerHeight,1,1000);camera.positi

javascript - Angular http : how to call images with custom headers?

在htmlView中,图片是这样显示的:element.image.url指向一个url,如:/rest_api/img/12345678。这工作正常,显示图像。现在,我添加身份验证:在用户通过身份验证之前,每个资源都会响应HTTP错误401,图像也是如此。当身份验证成功时,token将放置在自定义header中并随每个$http请求一起发送,从而允许访问资源:$http.defaults.headers.common['Authorization']=token;这对于加载了$resource的Json文件工作正常。但图片的直接链接在认证后仍然是401。如何调用带有自定义标题的图片?

javascript - 如何在轴世界 three.js 上旋转对象?

是否可以以世界轴而不是以物体为轴进行旋转?我需要对一个对象做一些旋转,但是在第一次旋转之后,我不能像我想的那样做其他旋转。如果无法在世界轴上进行旋转,我的第二个选择是在第一次旋转后重置轴。有这方面的功能吗?我不能使用object.eulerOrder,因为当我在一些旋转后设置object.eulerOrder="YZX"时,它会改变我的对象的方向。 最佳答案 更新:三个-0.125.2演示:codesandbox.ioconstTHREE=require("three");constscene=newTHREE.Scene();co

javascript - JS : Splitting a long string into strings with char limit while avoiding splitting words

我试图将一大段文本拆分成多个字符串,每个字符串148个字符,同时避免切断单词。我现在有这个,它正在拆分单词:varlength=shortData.new.length;if(length160&&length308&&length468&&length 最佳答案 你可以使用这个函数,只要传入你的字符串和长度,它就会返回数组,比如:varoutputString=splitter(shortData['new'],148);函数:functionsplitter(str,l){varstrs=[];while(str.length>