草庐IT

NUMBER_THREE

全部标签

javascript - 如何像Chrome一样用three.js做一颗星星实验10万颗星星

我希望这次是正确的地方,但我正在尝试弄清楚如何使用three.js以chromeexperiments100,000stars的方式创建星星。已经完成。我试着查看源代码,但它很难破译,它似乎有很多部分,我尝试过使用纹理,但我不知道如何获得太阳周围的辉光或光晕,我将不胜感激获得了解如何完成此操作的人员的帮助。 最佳答案 你看到了吗thisarticle?关于太阳的部分高度概述了如何实现这些效果。您可能想要研究GLSL着色器,这本身就是一个完整的领域。现在最好在源代码中找到着色器并调整它们以查看您的更改会产生什么效果。也可以考虑查看th

javascript - 在运行时更改 three.js 中加载的 .obj 的纹理

我正在尝试在运行时在加载的three.js.obj上交换图像纹理。这是直接来自three.js示例的代码,稍作修改:varcontainer,stats;varcamera,scene,renderer;varmouseX=0,mouseY=0;varwindowHalfX=window.innerWidth/2;varwindowHalfY=window.innerHeight/2;init();animate();functioninit(){container=document.createElement('div');document.body.appendChild(cont

javascript - Number.isNaN 在 IE 中不存在

为什么IE不支持Number.isNaN函数?我不能使用简单的isNan而不是Number.isNaN因为这些函数是不同的!例如:Number.isNaN("abacada")!=isNaN("abacada")//false!=true我需要抽象字符串和数字并检查,是否有一些var确实包含NaN(我的意思是NaN常量,但不是像字符串那样的数字值)。someobj.someopt="blah"/0;someobj.someopt2="blah";someobj.someopt3=150;for(ainsomeobj)if(Number.isNaN(someobj[a]))alert('

javascript - 添加到 Number.MAX_VALUE

这个问题的答案可能非常明显,但我无法在Mozilla文档或Google上粗略搜索找到它。如果你有这样的代码Number.MAX_VALUE+1;//Infinity,right?Number.MIN_VALUE-1;//-Infinity,right?然后我希望将任何东西添加到Number.MAX_VALUE会将它推到Infinity。结果只是Number.MAX_VALUE向我吐口水。但是,当我在ChromeJS控制台中玩游戏时,我注意到它实际上并没有变成Infinity直到我添加/减去足够多:Number.MAX_VALUE+Math.pow(100,1000);//nowwehi

javascript - Three.js THREE.Projector 已移至

我知道版本71中没有THREE.projector(请参阅deprecatedlist),但我不明白如何替换它,尤其是在检测哪个对象已被替换的代码中点击:varvector=newTHREE.Vector3((event.clientX/window.innerWidth)*2-1,-(event.clientY/window.innerHeight)*2+1,0.5);projector.unprojectVector(vector,camera);varraycaster=newTHREE.Raycaster(camera.position,vector.sub(camera.po

javascript - Three.js - 围绕特定 Axis 旋转球体

我有一个问题。在Three.js中,我想围绕倾斜23.5度的Axis旋转一个球体(地球)。我找到了sphere.rotation.x、sphere.rotation.y和sphere.rotation.z,但是当我以正确的比例组合它们时,球体的旋转非常奇怪-它没有永久旋转Axis。我想我需要像sphere.rotation.vector(1,0,-1)这样的函数。有谁知道这个函数是如何调用的以及正确的语法是怎样的?非常感谢您的回答! 最佳答案 您无需了解欧拉Angular或四元数的工作原理即可完成您想要的操作。你可以使用Object

javascript - THREE.js 正交相机缩放到鼠标点

我正在为我们的THREE.js应用开发正交相机。从本质上讲,该摄像头将以2D形式向用户呈现场景(用户可以选择在2D和3D摄像头之间切换)。此相机将允许平移和缩放到鼠标点。我有平移工作,我有缩放工作,但没有缩放到鼠标点。这是我的代码:importReactfrom'react';importTfrom'three';letpanDamper=0.15;letOrthoCamera=React.createClass({getInitialState:function(){return{distance:150,position:{x:8*12,y:2*12,z:20*12},};},ge

javascript - jQuery 验证插件 : validate decimal number with comma as decimal separator

HTML:Required,decimalnumber: 最佳答案 您可以使用模式规则来传递自定义正则表达式模式,例如$("#myform").validate({//fordebugonlydebug:true,rules:{field:{required:true,pattern:/^(\d+|\d+,\d{1,2})$/}},messages:{field:{pattern:'Pleaseusetheproperpattern'}}});演示:Fiddle如果是重复模式创建自定义验证规则jQuery.validator.add

javascript - 我可以在 three.js 中隐藏网格的面吗?

我想让网格的一部分在运行时不可见。我可以将这些部分设置为不可见/透明吗?通过改变单个面孔的属性?网格本身仅使用一种Material。示例说明作为编辑理解这个问题:想象一个网格(这里有20个顶点的几何形状),其中四个顶点的每个四边形构建一个Face4。现在,网格的某些部分应该是不可见的(这里有两个面是不可见的)。 最佳答案 注意:此答案适用于three.js的旧版本您可以为每个面指定不同的Material。这是一个示例,其中面共享Material,但有些面是透明的://geometryvargeometry=newTHREE.BoxG

javascript - Three.js - 使用 scale.set() 缩放模型或增加模型大小?

在Three.js(或其他3d渲染器)中缩放3d模型的最佳做法是什么?这是我刚刚遇到的一个例子:我加载了一个模型,发现模型的尺寸太小了。然后我使用mesh.scale.set(2,2,2);缩放网格,它是完美的尺寸。在这种情况下我应该采取什么行动,是让它保持原样缩放(以编程方式缩放)还是返回我的3d建模软件并将模型的大小加倍?谢谢 最佳答案 这不是最佳实践的问题,而是优化的问题。如果你的网格总是被缩放,那么最好在你的建模软件中进行缩放。那个简单的语句mesh.scale.set(2,2,2);是一个矩阵乘法,需要在渲染的每一帧上发生