three.js相关内容

如何在 Threejs (r65) 中使用纹理图集?

由于新的threejs版本(r65)发布，uvOffset和uvScale被移动到texture.offset和texture.repeate. 不幸的是，texture.offset 不适合我想要完成的任务.我想在一个场景中显示多个精灵，它们都使用相同的纹理.纹理是具有不同瓷砖的纹理图集.如果我更改 texture.offset，则场景中所有精灵的纹理都会更改.是否有任何解决方案可以单独更 ..
发布时间：2021-12-31 18:57:32 前端开发

SSAO 人工制品三

我真的很难解决我的 SSAO 着色器的问题，我可以拼命地使用一些帮助.基本上着色器似乎对某些对象有效，但在其他对象上看起来很糟糕.从下面你可以看到球体看起来是正确的，但立方体似乎对法线进行了不应该的遮挡.这是截图: 我的着色器基于本教程:http://devmaster.net/posts/3095/shader-效果屏幕空间环境遮挡 在我的渲染链中，我渲染了 2 个渲染目标，这些目标 ..
发布时间：2021-12-31 18:57:08 其他开发

使用 ThreeCSG 的 Three.js 中 OBJ 的横截面

我正在尝试制作 OBJ 的横截面，其中包含three.js OBJ 加载器 使用threeCSG JavaScript 构造立体几何 库. 当我使用常规网格(如球体/立方体)时，相交 csg 操作效果很好.我还可以在初始位置使用 obj 制作漂亮的横截面(白色物体，下面以红色显示横截面): 然而，当我旋转物体时，无论我如何改变它的旋转，横截面都是一样的: 如何让csg相交操作考虑 ..
发布时间：2021-12-31 18:57:02 前端开发

如何将threejs与phonegap一起使用?

这个任务非常自我描述.我已经用一个简单的 3D 立方体进行了测试.它在浏览器中运行良好.但只是在模拟器中显示一个空白页面. 有人说threejs不能与phonegap一起使用，但其他人说他们使用过并且工作正常！ 解决方案 在 Android 中，您可以使用 Chrome 应用程序来显示您的网页，也可以使用 phonegap/cordova 并使用嵌入式 WebView. 在 L ..
发布时间：2021-12-31 18:56:56 移动开发

绘图调用如何在three.js 中工作?

我有许多可能很长的折线(或短的，顶点数非常不稳定)要显示，所以我想将它们打包成一堆固定大小(比如 10000 个顶点)的位置 BufferAttribute并为每条折线发送一个 drawcall.如果多段线越过 10000 的限制边界，我可以将它拆分，重复前一个缓冲区的最后一个顶点作为新缓冲区的第一个顶点，然后继续处理多个 THREE.Line 对象. 我的理解是在最近的three.js中a ..
发布时间：2021-12-31 18:56:33 前端开发

Three.js - 加载一次 JSON 模型并多次添加

是否可以一次加载一个 JSON 模型并以不同的比例、位置等将其多次添加到场景中? 如果我将 Object3D() 添加到数组中，给数组中的对象一个位置和比例，将它添加到场景中，然后重复这个过程，数组中每个对象的位置和比例都会被覆盖. 我想不出任何有效的方法，所以我希望有人能给我一个我正在努力完成的工作的例子. 这是我失败的尝试(其中之一).如果我的解释不够充分，应该让您对我正在尝 ..
发布时间：2021-12-31 18:56:22 前端开发

OrbitControl - 限制平移运动

有什么办法可以限制摄像机在场景中的平移运动吗? 尝试更改orbitControls中的pan方法，但我对结果并不满意，我希望有更方便/正确的方法来做到这一点.. if ( scope.object instanceof THREE.PerspectiveCamera ) {//看法var position = scope.object.position;var offset = posit ..
发布时间：2021-12-31 18:56:11 前端开发

带纹理的 JSONLoader

我在 Blender 中制作了一个带有纹理的形状并将其导出.然后用 json loader 显示它.几乎一切都很好，几何形状很好，你可以在形状上看到纹理，但没有颜色.只是黑色和.如何显示纹理颜色?我做错了什么? Json 文件: {“元数据":{“格式版本":3.1，"generatedBy": "Blender 2.65 出口商",“顶点":64，“面孔":92，“法线":64，“颜色" ..
发布时间：2021-12-31 18:55:59 其他开发

请解释三个.js Raycaster 方向参数

我正在尝试从我在 Three.js 场景中布置的网格中获得碰撞检测.我对 Raycaster reallu 的工作原理以及我是否做对了感到困惑. 这是一个描述我有什么问题的小提琴 //在40/40添加古巴几何 = 新三立方几何(20, 20, 20);material = new THREE.MeshNormalMaterial();mesh = new THREE.Mesh(geomet ..
发布时间：2021-12-31 18:55:51 前端开发

ThreeJs和Blender(使用colladaLoader):第一次接触

如何在 ThreeJs 中从 Blender(使用 colladaLoader -->.dae)渲染导出的场景(包含许多对象，每个对象具有不同的颜色和不同的属性，例如围绕场景中的轴旋转)? 解决方案 所以，第一步是学习如何在 ThreeJs 中创建场景并学习一些 Blender 的功能.准备好后，创建您的第一个模型，并在导出之前记住这一点: 你需要一个有顶点的对象，所以如果你只是用B ..
发布时间：2021-12-31 18:55:41 其他开发

Three.js 是什么导致了阴影痤疮以及如何修复它

为了让所有的阴影都被渲染出来，我设置了shadow.camera.top/bottom/left/right 到定向光(投射阴影)，但它会导致阴影粉刺.我尝试使用 shadow.bias 但仍然不对.什么原因导致阴影痤疮以及如何解决它? 这是我的代码. light = new THREE.DirectionalLight(0xffffff);light.position.set( 38, ..
发布时间：2021-12-31 18:55:29 前端开发

A 帧在相机方向向前移动

我正在尝试在 A 帧中制作一个组件，该组件将沿相机面向的方向移动播放器/相机.它不应该在 y 平面上的任何地方移动，只能在 x/y 平面上移动.dom中的当前设置是: 我想将实体元素位置移动到当前相机方向的 x 个单位，但它不应该在 y 平面上移动任何东西.我尝试了各种解决方案，但它们似乎在相机中引入了一些奇怪的转变. 解决方案 您可以通过多种 ..
发布时间：2021-12-31 18:55:20 前端开发

三.js 大纲

是否可以在我的 3d 模型上使用three.js 显示黑色轮廓? 我会有类似无主之地 2 的图形.(卡通阴影 + 黑色轮廓) 解决方案 我确定我来晚了.让我们希望这会在以后解决某人的问题. 这是交易，您不需要将所有东西渲染两次，开销实际上并不大，您需要做的就是复制网格并将复制网格的材质侧设置为“背面"".没有双关.相反，您将渲染两个网格，其中大部分轮廓的几何体由 WebGL 的 ..
发布时间：2021-12-31 18:55:14 前端开发

编辑长方体几何顶点的正确方法是什么?

所以我正在编辑许多盒子几何图形的顶点以创建独特的形状，或修改几何图形的高度.它工作正常，我的场景看起来正确(这里有一个例子 http://imgur.com/sSx1bPk). 但是，当我使用 ObjectExporter 并尝试将场景加载到 http://threejs.org/editor/，我的顶点变化不存在.此外，当我尝试将 scene.json 文件加载到 Blender 中时，我 ..
发布时间：2021-12-31 18:54:50 前端开发

Three.js - 用于碰撞检测的准确光线投射

我正在使用 Three.js，版本 68.我使用的碰撞检测方法与此人在此处使用的方法相同，这在大多数情况下都很棒(向作者致以衷心的“谢谢"！):http://stemkoski.github.io/Three.js/Collision-Detection.html 如果你想从github下载它，这里有一个指向源代码的链接.只需查找 Collision-Detection.html:https ..
发布时间：2021-12-31 18:54:43 前端开发

从 Point Three.js 生成网格

我正在尝试从鼠标点击生成的一堆点中创建一个可点击的形状. 这段代码有点用: mouse.x = ( ( event.clientX - renderer.domElement.offsetLeft )/player.width ) * 2 - 1;mouse.y = - ( ( event.clientY - renderer.domElement.offsetTop )/player.h ..
发布时间：2021-12-31 18:54:36 前端开发

Threejs Blender 导出器以错误的格式导出

我正在尝试借助提供的 搅拌机出口商.解析 json 文件时出现错误: 未捕获的类型错误:无法读取未定义的属性“长度" json 文件如下所示(省略顶点和面): {“纹理":[]，“元数据":{“版本":4.3，"sourceFile": "UV-World.blend","类型": "对象",“发电机":“io_three"},“图片": []，“材料": []，“目的": {“矩阵":[1 ..
发布时间：2021-12-31 18:54:21 前端开发

更改 Three.js collada 对象的纹理和颜色

我最近从官方网站获得了使用 ColladaLoader.js 处理我的 collada 对象 (.dae) 的three.js 示例.现在我的问题是，如何更改加载的 collada 对象颜色属性并添加自定义纹理?我尝试添加纹理但没有运气. 这是我的代码(与原始示例略有不同): function load_model(el) {if (!Detector.webgl) Detector.ad ..
发布时间：2021-12-31 18:54:03 前端开发

许多具有相同几何形状和材料的网格，我可以更改它们的颜色吗?

我有大量(约 1000 个)THREE.Mesh 对象，它们是从相同的 THREE.Geometry 和 THREE.MeshPhongMaterial(有地图). 我想分别为这些对象着色(着色). 天真地，我尝试更改 mesh.material.color 属性，但是更改任何对象的此属性会同时更改所有对象的颜色.这是有道理的，因为只有一种材料在所有对象之间共享. 我的下一个想法 ..
发布时间：2021-12-31 18:53:47 其他开发