three.js如何删除立方体的面

我是一个三人组的
oob，两周前刚刚开始，我有一个问题，也许这很容易，但对我来说不，哈哈。如何创建一个立方体并删除它的顶面，以表示图像或打开的盒子。请不要忽略，谢谢大家！最简单的方法是构建一个由5个独立平面组成的盒子。其他选项： 1. 构建一个由THREE.BoxGeometry()/THREE.BoxBufferGeometry()组成的盒子，并使用6种材质，其中一种是完全透明/不可见的。 2. 3. 构建一个由THREE.BoxGeometry()组成的盒子，并移除构成顶部的面。 4. 5. 构建一个由THREE.BoxBufferGeometry()组成的盒子，并更改其.index的索引，从而移除索引从顶部开始。 6. 这就是我能想到的。也许我有一些选择。还是让他们试试看吧，看看盒子的几何图案111。嗨，你能帮我弄一下数据并理解它是如何工作的吗？很抱歉，诺布， box = new THREE.WebGLRenderer( { antialias: true } );renderer.setSize( window.innerWidth, window.innerHeight = new THREE.MeshBasicMaterial( { color: 0xffff00, side: THREE.DoubleSide } = new THREE.Mesh( geometry, materials );scene.add( mesh );animate();function animate() {requestAnimationFrame( animate );mesh.rotation.x += 0.01;mesh.rotation.y += 0.01;renderer.render( scene, camera );}/pre>Hi，谢谢您的帮助，我将测试code，但我做了5架飞机，我可以把它们分组吗？所以当我使用dat.gui所有的平面一起编辑？谢谢这是一个有5个平面的示例。互动性dat.GUI包括在内。https://jsfiddle.net/prisoner849/7bmqnrds/177在这个Code上，https://jsfiddle.net/prisoner849/7bmqnrds/44如何在矩形平行六面体中转换立方体？？？设置平面（“y”，数学圆周率*0.5，0xff0000，2,2,0，0,0）；//pxsetPlane（“y”-数学圆周率*0.5，0xff0000，2,2,1，0,0）；//nxsetPlane（“x”，数学圆周率*0.5，0x00ff00，1,2,1，-0.5，0）；//nysetPlane（“y”，0，0x000ff，1，2，1，-0.5，0）；//pzsetPlane（“y”，数学圆周率，0x0000ff）；/nz功能设置平面（轴、角度、颜色、w、h、t、tx、，tz）{让>平面几何（tx，tz，t）；开关（轴）{大小写“y”：旋转平面（角度）；中断；默认值：旋转平面（角度）；}let>group.add（plane）；}ya基本上有正确的心态，但是您还需要调整每个平面的translate值，无法一次完成所有操作，因为您也在旋转，等等。为可调节的宽度、高度、平移x、Y Z添加5个变量。您还可以继续使用它。您可以在动画功能中更改平移值，以扩展和收缩矩形，使其爆炸，等等，各种各样的特效。嗨，我很抱歉，但我不明白。我是在大学里学这个的，老师只是给我们code，他什么也不解释，现在我们需要使这个工作，我不知道如何处理这个工作，它是如何工作的。对不起，你没有得到哪一部分？我添加的部分是什么？或者整件事都是在JSFIDLE中为您做的，可能会更清楚。https://jsfiddle.net/7bmqnrds/4/57我不明白这个部分设定平面（“y”，数学圆周率*0.5，0xff0000，2,2,0，0,0）；//pxsetPlane（“y”-数学圆周率*0.5，0xff0000，2,2,1，0,0）；//nxsetPlane（“x”，数学圆周率*0.5,0x00ff00,1,2,1，-0.5,0）；//nysetPlane（“y”，0，0x0000 ff，1，2，1，-0.5，0）；//pzsetPlane（“y”，数学圆周率，0x0000 ff）；//nzp>函数setPlane（axis，angle，color，w，h，t，tx，tz）{let>平面几何（tx，tz，t）；开关（轴）{大小写“y”：旋转平面（角度）；中断；默认值：旋转平面（角度）；}let>group.add（飞机）；}p>我需要在哪里更改以生成矩形平行六面体？为什么少了一面？感谢帮助，SetPlane是创建您看到的每个平面的函数。并且您调用它5次来创建5个平面。每个平面的方向和位置必须不同。但是每个平面从x和y so（0,0）上的同一点开始它是垂直的，并且有>的变化在>角度是旋转的多少，记住它是垂直开始的。使用弧度。0xffff是来自十六进制code的颜色值（谷歌this），p>，然后w是宽度，h是高度，因此我调整每个平面的高度和宽度。tx，tytz是距网格上的（0,0）x和y的距离。请记住，所有平面都是在（0,0）处创建的。缺少的边是供您输入的，以便您可以学习。因此，您所要做的就是调整w、h、t、tx、tz，然后分别修改每个边。您可以添加边，然后在它旁边创建另一个正方形。您可以添加一个for循环并创建具有多个楼层的建筑，并通过调整每个楼层与xyz的偏移量来决定每个楼层的高度。div>Ricardo_Rodrigues:div>blockquote>如何在矩形平行六面体中转换立方体？？？那么什么是立方体呢？O_O您可以为组对象设置任何初始比例。我已更新小提琴：https://jsfiddle.net/prisoner849/7bmqnrds/50我想知道如何在其他对象中操作以及如何自定义它们。可以在中添加按钮或控件dat.gui要清除场景还是删除对象？谢谢大家的帮助！！我有一个建议给你：be
创建了我们的书架看看，你会发现那里有许多有趣的东西three.jsBookshelf Resources随时添加更多的资源/书籍，以帮助three.js社区！three.js网站文档官方示例SENE EDITORGITH下载最新版本发布日志迁移指南Wiki报告错误/请求功能NPM软件包社区端口官方DiscordStackOverflowTwitterSlackreditResource颜色开发工具扩展Refox开发工具扩展插件JSDISCOVERthree.js创建场景的技巧和技巧教程（来自three.jsDocs）BooksNot…谢谢！！这就是你们帮我做的事情：https://jsfiddle.net/prisoner849/7bmqnrds/134开发JavaScript对象来建模一个框（该框在顶部打开，如图中的所示）。对象的构造应将其尺寸（高度、宽度、深度）以及纸箱每一面的厚度（纸箱所有侧面的厚度都相同）作为输入参数 7. 构建一个由THREE.BoxGeometry()/THREE.BoxBufferGeometry()组成的框，并使用6种材质，其中一种是完全透明/不可见的。 8. 这可能是初学者最容易理解的。使用此代码进行实验： box = new THREE.WebGLRenderer( { antialias: true } );renderer.setSize( window.innerWidth, window.innerHeight = new THREE.MeshBasicMaterial( { color: 0xffff00, side: THREE.DoubleSide } = new THREE.Mesh( geometry, materials );scene.add( mesh );animate();function animate() {requestAnimationFrame( animate );mesh.rotation.x += 0.01;mesh.rotation.y += 0.01;renderer.render( scene, camera );}/pre>Hi，谢谢您的帮助，我将测试code，但我做了5架飞机，我可以把它们分组吗？所以当我使用dat.gui所有的平面一起编辑？谢谢这是一个有5个平面的示例。互动性dat.GUI包括在内。https://jsfiddle.net/prisoner849/7bmqnrds/177在这个Code上，https://jsfiddle.net/prisoner849/7bmqnrds/44如何在矩形平行六面体中转换立方体？？？设置平面（“y”，数学圆周率*0.5，0xff0000，2,2,0，0,0）；//pxsetPlane（“y”-数学圆周率*0.5，0xff0000，2,2,1，0,0）；//nxsetPlane（“x”，数学圆周率*0.5，0x00ff00，1,2,1，-0.5，0）；//nysetPlane（“y”，0，0x000ff，1，2，1，-0.5，0）；//pzsetPlane（“y”，数学圆周率，0x0000ff）；/nz功能设置平面（轴、角度、颜色、w、h、t、tx、，tz）{让>平面几何（tx，tz，t）；开关（轴）{大小写“y”：旋转平面（角度）；中断；默认值：旋转平面（角度）；}let>group.add（plane）；}ya基本上有正确的心态，但是您还需要调整每个平面的translate值，无法一次完成所有操作，因为您也在旋转，等等。为可调节的宽度、高度、平移x、Y Z添加5个变量。您还可以继续使用它。您可以在动画功能中更改平移值，以扩展和收缩矩形，使其爆炸，等等，各种各样的特效。嗨，我很抱歉，但我不明白。我是在大学里学这个的，老师只是给我们code，他什么也不解释，现在我们需要使这个工作，我不知道如何处理这个工作，它是如何工作的。对不起，你没有得到哪一部分？我添加的部分是什么？或者整件事都是在JSFIDLE中为您做的，可能会更清楚。https://jsfiddle.net/7bmqnrds/4/57我不明白这个部分设定平面（“y”，数学圆周率*0.5，0xff0000，2,2,0，0,0）；//pxsetPlane（“y”-数学圆周率*0.5，0xff0000，2,2,1，0,0）；//nxsetPlane（“x”，数学圆周率*0.5,0x00ff00,1,2,1，-0.5,0）；//nysetPlane（“y”，0，0x0000 ff，1，2，1，-0.5，0）；//pzsetPlane（“y”，数学圆周率，0x0000 ff）；//nzp>函数setPlane（axis，angle，color，w，h，t，tx，tz）{let>平面几何（tx，tz，t）；开关（轴）{大小写“y”：旋转平面（角度）；中断；默认值：旋转平面（角度）；}let>group.add（飞机）；}p>我需要在哪里更改以生成矩形平行六面体？为什么少了一面？感谢帮助，SetPlane是创建您看到的每个平面的函数。并且您调用它5次来创建5个平面。每个平面的方向和位置必须不同。但是每个平面从x和y so（0,0）上的同一点开始它是垂直的，并且有>的变化在>角度是旋转的多少，记住它是垂直开始的。使用弧度。0xffff是来自十六进制code的颜色值（谷歌this），p>，然后w是宽度，h是高度，因此我调整每个平面的高度和宽度。tx，tytz是距网格上的（0,0）x和y的距离。请记住，所有平面都是在（0,0）处创建的。缺少的边是供您输入的，以便您可以学习。因此，您所要做的就是调整w、h、t、tx、tz，然后分别修改每个边。您可以添加边，然后在它旁边创建另一个正方形。您可以添加一个for循环并创建具有多个楼层的建筑，并通过调整每个楼层与xyz的偏移量来决定每个楼层的高度。div>Ricardo_Rodrigues:div>blockquote>如何在矩形平行六面体中转换立方体？？？那么什么是立方体呢？O_O您可以为组对象设置任何初始比例。我已更新小提琴：https://jsfiddle.net/prisoner849/7bmqnrds/50我想知道如何在其他对象中操作以及如何自定义它们。可以在中添加按钮或控件dat.gui要清除场景还是删除对象？谢谢大家的帮助！！我有一个建议给你：be
创建了我们的书架看看，你会发现那里有许多有趣的东西three.jsBookshelf Resources随时添加更多的资源/书籍，以帮助three.js社区！three.js网站文档官方示例SENE EDITORGITH下载最新版本发布日志迁移指南Wiki报告错误/请求功能NPM软件包社区端口官方DiscordStackOverflowTwitterSlackreditResource颜色开发工具扩展Refox开发工具扩展插件JSDISCOVERthree.js创建场景的技巧和技巧教程（来自three.jsDocs）BooksNot…谢谢！！这就是你们帮我做的事情：https://jsfiddle.net/prisoner849/7bmqnrds/134开发JavaScript对象来建模一个框（该框在顶部打开，如图中的所示）。对象的构造应将其尺寸（高度、宽度、深度）以及纸箱每一面的厚度（纸箱所有侧面的厚度都相同）作为输入参数

three.js如何删除立方体的面

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

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

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

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

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

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

three.js使用threejs的光流

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