草庐IT

times_three

全部标签

javascript - 如何在 three.js 中正确加载 json 模型?

我很难在three.js中加载JSON模型。我制作了一个非常简单的管状模型,并在blender中对其进行了纹理处理。问题是每当我尝试在three.js中加载json模型时,顶点看起来很奇怪。我试过使用不同的设置导出模型,但总是遇到同样的问题,所以我认为问题出在我的代码中。编辑:否定。我加载了水牛模型,它看起来应该如此。知道我在blender里做错了什么吗?canvas{width:100%;height:100%;}varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/wi

javascript - Three.js - 移除 ArrowHelper 的头部

我在我的代码中创建了一个ArrowHelper并通过调用下面的函数更新它的参数(每次调用此函数都会更新ArrowHelper维度):functionupdateArrowHelper(){//UpdateparametersfortransportedVectortransportedVector.arrowHelper.setLength(transportedVector.coordLocal.length(),headLengthVector,headWidthVector);transportedVector.arrowHelper.setDirection(direction

javascript - Three.js: Resize rendering canvas (GPU hungry fragment shader)

我正在使用three.js运行资源匮乏的片段着色器。我已将渲染大小设置为800*600,以保持着色器即使在低端卡上也能流畅运行。我正在这样设置我的渲染Canvas:varcanvas1=document.getElementById('canvas1');renderer=newTHREE.WebGLRenderer(canvas1);renderer.setSize(800,600);renderer.autoClear=false;document.body.appendChild(renderer.domElement);在body元素上我有然后我在cssheader中做widt

javascript - three.js PointCloud 中的可点击粒子

我在three.js的帮助下可视化3d数据点(我通过csv文件读取)。我想单击该PointCloud中的点以显示这些特定点的其他测量数据。根据例子,我发现这显然是可能的,但我没有让它工作。我有以下代码(基本上来自那些示例):functiononDocumentMouseMove(e){mouseVector.x=2*(e.clientX/containerWidth)-1;mouseVector.y=1-2*(e.clientY/containerHeight);varvector=newTHREE.Vector3(mouseVector.x,mouseVector.y,0.5).un

javascript - Google Analytics Real Time 如何运作?

我想知道GoogleAnalytics实时用户界面是如何工作的,技术是什么?他们是否使用来自客户端的长轮询通过从服务器向客户端传送实时信息来保持UI统计信息即时更新?我刚刚在网络选项卡上打开Chrome开发工具,并且在https://www.google.com/analytics/realtime/bind上有一个无限请求有人知道诀窍吗?它工作完美... 最佳答案 以下指的是实时数据是如何收集的,而不是UI是如何更新的。(不过看起来UI只是在客户端使用AJAX轮询)没有使用特殊的轮询或客户端技术。数据收集一如既往。相反,Googl

javascript - 为可见的 Three.js 形状调整相机

我有一个相机正在注视的CubeGeometry,我希望相机缩放以便立方体完全可见,但不会变大。我最初的尝试是将立方体的顶点转换为相机坐标系,functiontoScreenXY(position,camera){varpos=position.clone();varprojScreenMat=newTHREE.Matrix4();projScreenMat.multiply(camera.projectionMatrix,camera.matrixWorldInverse);projScreenMat.multiplyVector3(pos);returnpos;}functionSc

javascript - 如何确保 Three.js 在 Meteor 中的其他文件之前加载?

我将Meteor0.6.3与Meteorite一起使用。我正在尝试使用Three.js开发一款游戏,该游戏使用Meteor进行多人游戏。完整代码here.我试过使用Atmosphere包here,但我得到:ReferenceError:THREEisnotdefined我的解决方法是在我的模板文件的header中包含Three.js。当我在客户端启动之前不调用Three.js函数时,这会起作用。当我尝试使用原型(prototype)来定义我的ally类时,我遇到了问题。我有这样的代码:varEnemy=function(){this.mesh=newTHREE.Mesh();};var

javascript - 来自 Heroku Toolbelt 的 Foreman 退出并出现错误 : write EINVAL every time

关注Heroku的GettingStarted教程比我预期的要令人沮丧得多。我现在遇到的问题可能是配置问题,点击不到10次就可以解决,但我不知道这些点击是什么,这让我很困惑。工头不会启动。我没有使用Ruby、Heroku或Foreman的经验,也几乎没有任何Web编程经验,所以我完全不知道这里发生了什么。这是我在运行Windows764位时收到的错误消息:C:\Users\___________\hello_world_basics>foremanstart09:40:17web.1|startedwithpid240809:40:18web.1|Listeningon500009:4

javascript - THREE.js 从 child 相机到场景的光线转换

我正在尝试从我的相机对鼠标进行光线转换,以便在场景中的网格上执行一些悬停和单击事件。我的问题是,我的相机目前是另一个网格的子对象(以便于相机移动/旋转),现在我的光线转换不起作用(我假设是因为相机是网格的子对象,而不是场景)。这是我的部分代码://camerasetupvarcamera=newTHREE.PerspectiveCamera(60,window.innerWidth/window.innerHeight,0.1,1000);varcameraTargetGeom=newTHREE.SphereGeometry(0.5);varcameraTargetMaterial=n

javascript - THREE.LineDashedMaterial - 破折号不起作用

我无法让THREE.LineDashedMaterial在三个js中正常工作(我使用的是r73,但也刚刚尝试过r74)。改变颜色很好,但破折号似乎不起作用。这是我的例子:varsegmentCount=200;varradius=100;vargeometry=newTHREE.Geometry();varmaterial=newTHREE.LineDashedMaterial({color:0xff0000,linewidth:5,dashSize:1.0,gapSize:0.5});//newTHREE.LineBasicMaterial({color:0xFFFFFF,linew