three.js[已解决]单击按钮时，我希望在加载为纹理的图像上产生滑动效果

three.js
我已经使用TextureLoader（）从使用平面几何体的图像数组中加载了图像。为原始平面几何图形创建了两个子对象，用于向后和向前单击事件。单击右键后，将加载下一个纹理图像。我希望在加载下一个纹理时具有滑块效果。ndomEvents.addEventListener(mesh11, \"click\", function(event) {loader.load(arr[textureToShow],function(tex) {console.log(\"right:\" + arr[textureToShow]);textureToShow++;if (textureToShow > arr.length - ==>nI tried animations but it works on actual mesh but not on textures. Any help is appreciated and also please look at the logic for right and left click, they work but they do not coordinate.nIf you can formulate your problem as a JSFiddle 49 that should work, but doesn\"t, that will make it much easier for others to help you. Now the question seems very unclear to me. saiviru:ncreated two child objects for the original plane geometrynA geometry has no children. A mesh may have children, though. Are the children also meshes with their own geometries? saiviru:nI tried animations but it works on actual mesh but not on textures.nWhat worked on mesh, but not on textures? How did you try?nNote that loader.load(texture_path, function(tex) { /*Do something with the texture.*/})生成异步操作。这意味着回调（function(tex)）将在文件加载且执行线程空闲后才会运行。
对不起，我不清楚这个问题。事情是这样的。我正在codepe
上更新代码，将在此处更新链接。
实际上，它是一个网格，我正在加载3个不同的图像作为纹理。将为网格创建两个子对象。单击这些按钮时，将显示一个新纹理。我想用滑块效果设置纹理过渡的动画。
再次感谢。
您可以通过预加载所有纹理，或者至少是最近的纹理，让自己更轻松。查看THREE.LoadingManager。在加载所需纹理之前，您甚至可以使“上一个”和“下一个”按钮不可见。
如何进行纹理转换？我认为最简单的方法可能是创建一个额外的平面，在其他平面滑出时滑入。每次单击其中一个按钮时，未使用的平面都会移动到要滑入的一侧，并使用新纹理进行映射，然后两个平面都会滑动。
由于某些原因，我无法在codepe
上加载代码。
这是我的代码。nvar camera, scene, renderer, control, orbit, = new Array();init();render();function = new THREE.Scene();scene.add(new THREE.GridHelper(2000, = !event.value;});// instantiate a texture = 0;// = new THREE.Mesh(geometry, material);loader.load(arr[textureToShow], = new THREE.MeshLambertMaterial({map: texture1,color: = ==>nI will try the loading manager and also by adding a new plane.nAlso, could you please check my code and also back and forward buttons logic. When a back button is clicked and forward is clicked they don\"t synchronise.nI guess codepen will fail because it does not access your image files.nPreloading with LoadingManager将是某种东西=[“images/slider0.jpg”，“images/slider1.jpg”，“images/slider2.jpg”]；对于>
而言，在init和animate以及单击处理程序中，您永远不需要加载纹理。
嘿，
感谢您的积极回答。
我通过向codepe
添加代码，不知何故能够使其正常工作，这里是链接https://codepen.io/saiviru/pen/nwwnoy91当我向代码中添加loadermanager时，它说manager.onload这不是一个函数。我是否需要添加任何依赖项来运行loader manager？
我是从脑后写的，犯了一个常见的错误……n*manager.onLoad(function() {init();animate();});
在加载所有纹理之前应该是
*nhttps://threejs.org/docs/#api/en/loaders/managers/LoadingManager 16nWith this setup, you will not call init或*animate。可以在加载纹理之前允许一些功能，但这是最简单的解决方案。通过这种方式，您可以使用可用的纹理，并且永远不会在事件处理程序或其他地方再次使用TextureLoader。
您好，
我不知道由于某种原因，没有加载管理器的好文档。我无法将您的代码与我的代码集成。https://codepen.io/saiviru/pen/nwwnoy32与以前的版本有什么不同？您当然没有添加管理器。
我没有在codepe
中添加代码，而是在本地服务器中添加代码。我现在已经添加了，您能做必要的更改吗？https://codepen.io/saiviru/pen/nwwnoy23.
另外，请帮我调整滑块，我已经对额外平面的代码进行了注释。
没有。太乱了。但您必须将经理和加载器移出init，并确保不无条件地呼叫init，而只在onLoad内呼叫。您将使用我在开始时提供的连续代码段（可能会有一些更改，如>和render，而不是animate）。
最终，textures将包含您的所有纹理，单击处理程序基本上会这样做：nOnly after making this basic texture switching work fine, I will recommend you to try making a nice animation.nIf I\"m adding your code at the start it won\"t go into init() function. I have added some comments if it makes you look at the code>nYeah, I disabled the LoadingManager，因为它没有显示我想要的行为。TextureLoader.load返回一个Texture对象，该对象在加载图像之前为空。
此演示并不完美，因为它最初似乎不显示图像。但它是响应迅速的，而且代码更干净。我将cube直接添加到场景中，并从相机中删除TransformControls。（你为什么要把它们放在那里？）
非常感谢。这很好。
但主要关注的是为纹理添加滑块效果。这是最难的部分。
是否有可能将滑块动画添加到纹理中。我一直在寻找这个。我只需要一个基本的图像过渡效果。
我在上面告诉过你了。我想你得自己试一试。
我正在尽最大努力。我会问你我是否被困在任何地方。
谢谢你的帮助
[SOLVED] I want a sliding effect on images loaded as textures when a button is clickedn

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使用光线投射动态绘制多边形