three.jsIjo,互动体验

大家好,
我在一个项目上工作了几个月。因为这是我的学士学位项目,所以它有一个理论背景,重点是决策这个话题。因为现在,我们被允许做出历史上从未有过的决定。对一些人来说,这种对自己生活的权力和责任是一份礼物,对另一些人来说,巨大的可能性和未知的后果是无法忍受的。这两个职位是本项目的基础。我们想给大家一个机会来重新考虑自己对决策的立场,以及对正确道路的执着追求。nijo,这个项目最终被称为ijo,是一种互动体验,在这个过程中,你在一个虚拟的、互动的世界中漂浮,面对各种各样的决策。每一个决定都会带来一条新的道路,一条真正的道路,视觉和听觉设计是基于我们心理需求的平衡和不平衡three.js、WebGL和WebVR样板文件。我们很难让它在移动设备上运行,也很难让它成为移动设备的虚拟现实体验。
这里是:nhttp://i-j-o.de 110
因为我们一直在参观three.js主页在我们的工作中,有无数次,如果可能的话,我们很想在那里看到我们的项目特色。
非常感谢!nMarie
你好,Marie,
只是一些技术反馈:在开始体验之后,应用程序似乎挂起了。即使几分钟后,什么也没发生。我唯一能看到的是右边底部的一个棕色箭头,它对任何交互都没有反应。此外,浏览器控制台会显示以下错误。
捆绑和缩小JavaScript源代码也很有意义。特别是在移动设备上,您的应用程序的启动时间会明显缩短。
我已经用Chrome 59.0.3071.109和OSX 10.11.6(iMac)进行了测试。
您好,Mugen,
谢谢您的回复!这是我的第一个同类项目,因此非常感谢反馈。我把Chrome更新到了最新版本,就是你正在使用的版本,而且它开始的很顺利,没有任何问题。唯一的区别是我使用的是一个旧的OSX,OSX 10.10.5。我一直认为事实会导致事情不起作用,而不是相反的方式…你报告的错误可能表明,问题在于webVR样板的code,所以我可能应该寻找一种不同的方式,使其与VR兼容,但我仍然因为我的任何设备上都没有遇到问题,所以无法在以后对其进行更改测试。
但是,看到我的项目无法正常工作并且其他人无法正确访问,这是一个问题。您介意在Firefox或手机上试用吗?在ijo最终完成后,我完全忘记了压缩code。谢谢你的提示!
应用程序从FF 54和Safari 10.1.1(11603.2.5)开始。因此,这似乎是Chrome独有的问题。
在Chrome中进行新的测试后,我在网络选项卡中看到您的资产已正确加载。但由于某些原因,当我进入现场时,什么也看不到。nVielen Dank!我很放心。不过,Chrome的问题仍然困扰着我。这是我们遇到的问题最少的一个浏览器。
根据code的说法,用户不应该在加载所有内容之前进入场景,所以看起来确实可以,但它没有显示出来。我希望我有一个如何调查的线索。
哦,天哪,我想我找到了问题所在。不久前,为了开发目的,我在chrome://flags/中激活了WebVR。如果我禁用此选项(这是任何传统Chrome的默认设置),您的应用程序运行良好!
所以现在,你的应用程序对大多数Chrome用户来说没有任何问题(耶!)。但一旦默认启用WebVR(大约一个月后),这个问题可能会成为应用程序的问题。经过一些调试,您可能可以修复setupStage()函数中的问题。
当Navigator.getVRDisplays()返回的承诺得到解决时,您必须检查VRDisplay对象数组是否为空。如果启用了WebVR但未找到任何显示,则应以桌面模式进行渲染。
此外,webvr-managerDesktopMobile.js似乎无法正确处理上述情况。不确定是否应将此问题报告给开发人员。无论如何,你应该能够通过在你的Chrome中激活WebVR来重现这个问题。这将使提供修复变得更容易!
希望这对你有帮助,玛丽!
真是松了一口气!非常感谢你调查此事。让这样的项目保持最新肯定是个问题。我将很快开始重新加工一些零件,并希望我能特别解决这一问题。nDanke,Michael!正如我们访问three.js主页在我们的工作中有无数次,如果可能的话,我们很乐意看到我们的项目在那里出现。n>n 我只是想让你知道现在可以把项目提交给three.js网站(右上方有一个链接https://threejs.org/5).
非常感谢您!我会尽快利用它
这太棒了!真是太棒了,我可以告诉你,你在这件事上花了很多时间。就唱片而言,我在Chrome上播放了它,它运行得非常完美。
我在德国,我在德国,因为我在战争中。我的天哪!是的,德语不是我的母语。虽然我也是英语。
令人印象深刻的工作!
非常感谢您!在将ijo提交给threejs“showcase之前,我一直在考虑对ijo进行一些润色(视觉上和技术上),你的评论让我终于开始了!
再次感谢!
丹克什恩!你的德语令人印象深刻!
你的评论真的激励我继续努力。
谢谢!
Ijo, an interactive experiencen

three.js[已解决]正交摄影机的变换控件:gizmos缩放问题

您好,我正在使用带轨道控制的正交摄影机。我注意到当缩放照相机变焦不改变相机的位置(如透视相机)。首先,我想知道为什么这两个相机的实现方式不同?第二,我也在使用TransformControls,对于透视摄影机,更新功能上的小控件的重新缩放在这个等式中非常有效>但是使用OrbitControls更改缩放而不是正交摄影机的位置时,它没有正常工作。我试着像这样在等式中添加缩放,但没有得到任何好的结果>我应该以不同的方式包括它吗?我应该使用其他控件吗?谢谢大家的帮助!NaDaMa:首先,我很想了解为什么这两个摄像头...

日期:2021-12-11 08:00:01 浏览:1726

three.js多次渲染同一模型(obj模型),FPS要低得多

我试图在程序中渲染150个相同的树模型,但FPS突然从60下降到30+。你能告诉我什么是最好的解决办法吗?非常感谢。和平与爱。skr有两种典型的方法可以解决这个性能问题(太多的绘制调用):- 使用实例化渲染- 将所有几何体合并为一个几何体(因此只有一个网格)...

日期:2021-12-11 08:00:02 浏览:1741

three.js可缩放场景背景

three.js大家好,我有一个场景,由一个物体(反射雕像)组成,保持在一个漂亮背景的中心。我一直在使用威尼斯日落矩形hdr地图作为我的场景背景它既可以作为环境地图,也可以作为背景我看到背景不会与场景中渲染的网格一起缩放。这给人一种场景完全是假的感觉。i、 e状态向上/向下缩放,但背景不缩放。目前,我已经禁用了放大/缩小功能,这样用户就不会感到害怕。我的问题是:1. 当轨道控制放大/缩小时,我是否需要在此处使用一些着色器魔法来放大或缩小场景背景,以便看起来场景中的所有对象都在均匀缩放?或者这根本不可能做到?...

日期:2021-12-11 09:00:02 浏览:1264

three.js移动导入的Gltf模型

three.js我导入了我的gltf模型并将其添加到场景中,但现在如果我尝试移动它,它将不会=新建三、几何();var=混音器( 模型动画[0]>如何移动模式?Prakar_Srivastava:var>3D对象不能是Geometry或BufferGeometry类型。它应该是Object3D或类似Mesh、Points或Line的派生类的实例。在您的情况下,我只是这样声明变量:var mode;在动画循环中,执行以下操作:如果(mod!==未定义)>还请记住,基本3D场景的重要部分在代码片段中丢失(例如相...

日期:2021-12-11 10:00:01 浏览:1097

three.js平面明暗处理的问题

three.js嗨!我在项目中使用节点材质。我在模型渲染方面有问题。它看起来像是真实的平面阴影。如何平滑多边形?也有点像低分辨率阴影纹理贴图的自阴影。可能不是,但可能是。@Arkadiy\\u Vinkovskiy您需要在您的帖子中添加更多细节。屏幕截图不足以说明这里发生了什么。始终包括引起问题的代码,如果您使用的是模型,也要包括这些代码。更好的是,使用codepe制作一个工作示例...

日期:2021-12-11 10:00:02 浏览:991

three.js如何渲染立方体材质?

您好,直到昨天,我才相信Object3D是一组网格,而网格是一组几何体+材质,每个对象只有一个对象。我发现了立方体材质的结构,因此object3D的网格包含1个几何体(boxGeometry)和6个材质!所以问题是,这种网格的渲染效果如何?有关于它的文件吗?(这是为了提高我对three.js)非常感谢还有其他问题,与我的上一个帖子相关,如果一个网格中可能有多个材质,如何设置CustomDistanceMaterial以考虑所有材质的所有贴图?elysium11:所以问题是,渲染如何在这种类型的网格上工作?您...

日期:2021-12-11 11:00:03 浏览:851

three.js如何创建要在网格中拟合的线段

three.js伙计们,我想帮忙,假设我有一个这样的网格图像718×729 1.25 KB我想在网格面内创建线段,也就是说,我想将网格转换成这样的线图像710×828 740字节有人能帮忙吗???...

日期:2021-12-11 12:00:01 浏览:899

three.jsGLTFLoader.js这是我的登记簿错误

three.js每当我试着做决定的时候3.GLTFLoader对象我收到此错误代码:“未捕获类型错误:这是我的登记簿不是一个函数“我需要帮助!由Penta#u Trax在post#5中解决我最终发现我一直在使用错误的文件,当你需要使用jsm/example时,我使用的是js/example。其他东西也是个问题。但这是问题的基础。你能给我们看看你的代码吗?通常,如果你使用的是import语句,GLTFLoader不需要在前面加三个字符。好的,所以在这之前,我刚刚关注了这个视频,因为它是去年发布的。但是现在我试...

日期:2021-12-11 12:00:02 浏览:1060

three.js使用threejs的光流

嘿,我需要通过我的屏幕显示一束移动的光束。我不想使用任何模型或动画。我想知道我是否可以单独使用threejs来实现这一点。我也应该能够控制其运动的颜色强度和路径。嗨!也许这会有帮助:GitHub-jeromeetienne/三倍体积聚光灯: three.js扩展以提供体积聚光灯13,用于可视化光锥。您可以使用THREE.Curve()设置其路径。控制颜色强度,可能取决于曲线上的位置,也可以使用tween.js或者GSAP用于复杂的动画。创造力取决于您这是您想要的吗?https://threejs.org/e...

日期:2021-12-11 13:00:01 浏览:1298

three.js使用光线投射动态绘制多边形

我要画多边形three.js具有交点。为此,我使用下面的函数。首先,我使用光线投射器在第一个交点的第一个点添加球体。每次单击后,在交点处创建新球体,并在该交点和上一点之间创建线。现在,我希望在第一次单击时关闭多边形指向或单击该点周围。如何实现此目标。raycaster params是否与网格一起工作以检测鼠标位置周围的网格?function checkIntersectionclick() = raycaster.intersectObjects(addedObject, true);if (interse...

日期:2021-12-11 13:00:02 浏览:858