草庐IT

basic-setup-with-three-boxes

全部标签

javascript - Three.js绘制简单三 Angular 形

我正在尝试用three.js绘制三Angular形:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(40,window.innerWidth/window.innerHeight,1,1000);camera.position.z=100;scene.add(camera);varrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(r

javascript - Three.js 阴影 - 如何改进?

我一直在这里玩three.js-2toria.com/pool我遇到的问题是试图让我的阴影看起来更好。目前,它们看起来像这样:-有点像素化。有没有办法让它们看起来更平滑,就像这里:-我尝试了一些方法,但找不到正确的设置。我的渲染器是这样设置的:-renderer.shadowMapEnabled=true;renderer.shadowMapSoft=true;renderer.shadowMapType=THREE.PCFShadowMap;我以为shadowMapSoft会这样做,但没有。有什么想法/帮助吗? 最佳答案 确实,我

javascript - three.js 在鼠标向下旋转对象并移动

我试图在我的场景中获得良好的鼠标移动,以便我可以围绕对象旋转。我有两个问题,我可以弄清楚如何限制运动,使其永远不会在Y轴上旋转低于0度。(我不想从下面看到物体,只能从上面看到)我想不通的第二件事是如何使运动流畅。现在我在jsfiddle中取得的成就是相机在开始旋转之前移回其起始位置。我的尝试:http://jsfiddle.net/phacer/FHD8W/4/这是我没有得到的部分:varspdy=(HEIGHT_S/2-mouseY)/100;varspdx=(WIDTH/2-mouseX)/100;root.rotation.x+=-(spdy/10);root.rotation.

javascript - 模拟 jQuery :visible selector with plain Javascript

我正在将一段代码从jQuery转换为ChocolateChipUI,这段代码让我很困惑,因为ChocolateChipUI不支持':visible'来实现is()if(interactive&&block.is(':visible')){block.fadeOut(250,function(){block.html(newContent);block.fadeIn(750);});showHighlight($("#character_text"));}我得到的错误是:UncaughtSyntaxError:Failedtoexecutequery:':visible'isnotava

javascript - Three.JS Orbit Controls - 启用和禁用不跳位

我正在使用Three.JS创建一个几何操作原型(prototype)。我正在使用OrbitControls.JS来操纵相机,但在启用和禁用控件时遇到了问题。这是我的演示:http://moczys.com/webGL/Prototype_V02-05.html想法是,当您将鼠标悬停在四面体的顶点上时,会出现一个灰色球体。通过单击球体,可以调出一个顶点操作handle。然后通过单击箭头上的拖动,您可以沿该方向移动顶点。然后,您应该能够在远离几何图形的地方单击以退出此模式。单击离开时会出现问题。如果在移动顶点后单击并拖动,相机会变得有点疯狂。根据您与原点的距离,OrbitControls会

javascript - 是否可以在 THREE.js 中启用无限数量的渲染器?

为了避免XY问题,让我解释一下我的出发点。我想使用THREE.js使用相同的时间轴绘制大量堆叠在一起的波形。波形只是三行,我正在通过修改正交相机的View边界来实现这些波形的缩放/平移/缩放。我最初尝试实现这一点导致我创建多个具有固定高度的Canvas元素,彼此堆叠,并将一个THREE.WebGLRenderer附加到每个Canvas。这工作得很好,直到我尝试将它缩放到超过15个左右的波形,THREE.js给了我一个警告“太多事件的webgl上下文”,并开始删除旧的上下文。我觉得这是一种不错的做法,考虑到这里应用的是相同的技术:http://threejs.org/examples/#

javascript - ES6 : Filter data with case insensitive term

这就是我按标题值过滤一些数据的方式:data.filter(x=>x.title.includes(term))这样的数据SampleoneSampleTwoBlatwo将被“减少”为Blatwo如果我按两个过滤。但是我需要得到过滤后的结果SampleTwoBlatwo 最佳答案 您可以使用不区分大小写的正则表达式://Notethatthisassumesthatyouarecertainthat`term`contains//nocharactersthataretreatedasspecialcharactersbyaRegE

javascript - TinyMCE 使用有效元素去除内联样式 : *[*] with Codeigniter

我已阅读Tinymcestripsattributesonsubmit,TinyMceAllowallHtmltag,TinyMCEvalidelements:onlyallowspecificCSSrules,howtopreventtinymcefromstrippingthe'style'attributefrominputelement?,TinyMCE,allowdataattribute还有很多其他的……但它们都不起作用。这是我的代码:valid_elements:'+*[*]',cleanup:false,inline_styles:true我也试过valid_eleme

javascript - 如何在 three.js 中导入 json 和渲染

大家好,我编写了导入json文件并使用three.js渲染它的代码,我从three.jseditor导出了json文件。它在控制台中没有显示任何错误window.onload=function(){varshapeObjectUrl="test.json",scene=newTHREE.Scene(),camera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000),renderer=newTHREE.WebGLRenderer(),loader=newTHREE.JSONLoader

javascript - 环回 ACL : Create a User with a Role

我努力破译有关创建具有aclAngular色的用户的文档。我想创建类似于文档所述的2个Angular色“admin”和“user”。但是,我找不到Role.create的API文档。给出的例子对我来说也没有任何意义。然后我想仅通过RESTAPI创建一个用户,然后为该用户分配管理员或用户Angular色。这看起来很简单,但我挠头。有人可以就如何开始提供一些指导吗? 最佳答案 我知道文档的这方面需要一些工作,我正在努力尽快改进它。我们还将清理和改进API文档。Angular色模型从基本数据模型对象继承所有CRUD方法:http://ap