草庐IT

三个字

全部标签

javascript - 无法在三个 js 中旋转或平移我的全景图

我没有使用默认代码在三个js中进行相机旋转lat=Math.max(-85,Math.min(85,lat));phi=THREE.Math.degToRad(90-lat);theta=THREE.Math.degToRad(lon);camera.target.x=100*Math.sin(phi)*Math.cos(theta);camera.target.y=100*Math.cos(phi);camera.target.z=100*Math.sin(phi)*Math.sin(theta);相反,我正在执行lookVector.applyAxisAngle(axis,0.00

javascript - 三个JS : Text Sprite's font size difference between WebGL renderer and Canvas renderer

我正在使用三个JS来开发3d图形。我想将图表的单位显示为THREE.SPRITE。为了创建SPRITE,我首先创建了一个Canvas元素并向其中添加了文本。然后我用之前创建的Canvas元素创建了THREE.Texture。使用纹理作为贴图创建THREE.SpriteMaterial,然后使用此SpriteMaterial创建THREE.SPRITE。将此SpriteMaterial添加到场景中。当渲染器是THREE.WebGLRenderer的实例时,文本的大小非常小,而当渲染器是THREE.CanvasRenderer的实例时,文本的大小非常大.以下是我用来创建Sprite的代码。

javascript - 三个 JS 透明度与 ShaderMaterial

我正在绘制两个相邻的几何体并让它们旋转。问题是第一个绘制的阻碍了第二个,透明度应该生效。这两个对象应该具有相同的透明度,无论谁先被绘制。这就是混合打开而深度测试关闭的原因。以下是图片:两个几何体都是使用THREE.ShaderMaterial的点云,如下所示:varshaderMaterial=newTHREE.ShaderMaterial({uniforms:uniforms,attributes:attributes,vertexShader:document.getElementById('vertexshader').textContent,fragmentShader:doc

javascript - 用于检查字符串是否包含至少 3 个字母数字字符的最有效正则表达式

我有这个正则表达式:(?:.*[a-zA-Z0-9].*){3}我用它来查看字符串中是否至少包含3个字母数字字符。它似乎有效。它应该匹配的字符串示例:'a3c''_0_c_8_''99d'但是,我需要它更快地工作。有没有更好的方法使用正则表达式来匹配相同的模式?编辑:我最终使用了这个regex出于我的目的:(?:[^a-zA-Z0-9]*[a-zA-Z0-9]){3}(不需要修饰符) 最佳答案 最有效的正则表达式方法是使用principleofcontrast,即并排使用相反的字符类。这是一个正则表达式,可用于检查字符串是否包含3个

javascript - 用于匹配用户名的正则表达式 : min 3 chars, 最多 20 个字符,字符之间可选下划线

我正在尝试匹配roblox用户名(遵循这些准则):最少3个字符最多20个字符最多1个下划线下划线不能在用户名的开头或结尾我在node.js版本10.12.0上运行。我当前的RegExp是:/^([a-z0-9])(\w)+([a-z0-9])$/i,但这不考虑1个下划线的限制。 最佳答案 你可以使用^(?=^[^_]+_?[^_]+$)\w{3,20}$参见ademoonregex101.com(有用于演示目的的换行符)分解为^#startofthestring(?=^#startofthestring[^_]+#notanunde

javascript - 切换三个 js 控件(从 TrackBall 到 FlyControls,反之亦然)

我想要实现的是拥有两种控制模式,一种是自由的“飞行”模式,另一种是以对象为中心的模式(轨迹球),按下按钮可以在它们之间无缝切换。我最初尝试使用TrackBallControls和FlyControls。这两个的问题在于TrackballControls基于欧拉Angular,而FlyControls基于四分之一。我尝试通过以下方式将camera.rotation矢量转换为四元数,quaternion.setFromEuler(target);//wheretarget,aVector3thatcontainsdegrees然后手动设置位置(因为他们使用相同的位置对象),虽然它似乎有效,

javascript - 使用 Javascript 我如何搜索字符串中的前三个字母并查看它们是否匹配 "ABC"?

使用Javascript我如何搜索字符串中的前三个字母并查看它们是否匹配“ABC”?谢谢 最佳答案 使用正则表达式:str.match(/^ABC/);或者使用substring方法:str.substring(0,3)=='ABC'; 关于javascript-使用Javascript我如何搜索字符串中的前三个字母并查看它们是否匹配"ABC"?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que

javascript - Jest 匹配器匹配三个值中的任何一个

我的组件中有这个选择器,它的默认状态是''(空)字符串,但是当change事件被触发时,用户可以选择三个值中的任何一个是6、12还是24it("feedformtestingtheselectorfeedfrequencyforvalueof6,12,24",()=>{constaddFeedForm=shallow({}}setFeedData={()=>{}}formType="add"feedsubmit={{status:null,error:{formsubmitwarning:"",feedname:"",feedurl:"",feedposttype:"",feedfre

javascript - Packery 附加方法添加三个项目。如何添加一项?

我尝试通过click方法动态添加packery项目。除了单击packery添加three新项目外,一切都运行良好。我的问题是如何通过单击添加一个项目?MethodDemo谢谢。编辑页面加载后网格项目为五个。请参见下图。当单击Appenditems按钮时,Packery将添加更多三个项目。请参见下图。片段var$grid=$('.grid').packery({itemSelector:'.grid-item'});$('.append-button').on('click',function(){//createnewitemelementsvar$items=getItemEleme

javascript - 在三个 js 中使用鼠标悬停更改网格的颜色

我已经使用jsonloader和three.js编写了一个显示多个网格的WebGL脚本,现在我想添加MouseOver和onClick事件。第一个是在鼠标悬停在网格上时简单地更改网格的颜色:functionrender(){requestAnimationFrame(render);mesh.rotation.z+=0.090;raycaster.setFromCamera(mouse,camera);varintersects=raycaster.intersectObjects(scene.children);for(vari=0;i上面的渲染函数允许我通过将鼠标悬停在任何网格上来