three.js如何通过拖动“对象上的纹理”将纹理应用于对象上特定面板上的纹理列表

如何通过拖动对象上的纹理在对象上应用纹理在特定面板上的纹理列表
我将此任务分解为多个部分：n- 首先，您应该尝试实现与光线投射的基本鼠标交互。目标是实现如本示例141所示的交互。应该可以选择或高亮显示对象的各个部分。我认为您可以使用链接演示中的大部分代码。顺便说一句：光线投射也适用于多材质网格。n- 接下来，您应该实现对象配置，但不要拖放。想法是从面板中选择一个纹理，当点击一个对象时，相应的材质会发生变化。n- 当所有这些都起作用时，您可以尝试引入拖放交互。n- 谢谢您的回复@Mugen87，我可以使用以下提及功能更改选定对象上单击事件的纹理：function setMat(evt) = = new THREE.MeshLambertMaterial( {transparent: true,map: tex} );}});}，但我无法处理拖动纹理表单列表和对象的特定面板。请帮助我解决此问题，如果您有任何工作示例，请与我们分享。谢谢Baidyanath作为一个活生生的示例分享您当前的进展如何。也许是一把可编辑的小提琴？@Kumar_Baidyanath也许，你正在寻找这样的东西：https://www.w3schools.com/howto/howto_js_draggable.asp114谢谢您的回复@prisoner849，但我不是在寻找像您共享的url这样的拖放功能。@Mugen87-分享了解决方案的好主意，我已经尝试过了，但我无法得到。”“光线投射对象”，当前拖放处理”编辑者：选中“对象但我需要下垂的对象来应用纹理谢谢Baidyanath谢谢@Mugen87，我已尝试获取光线投射对象，但无法获取。”“光线投射对象”，当前拖放处理”编辑者：选中“object但我需要下垂的对象来应用纹理。谢谢您的支持。我无法在小提琴上设置完整的代码：我使用了下面更新的拖放代码：raycaster.setFromCamera( mouse, camera>ThanksBaidyanathThe code snippet is not really helpful to solve your issue. Without a fiddle it will be hard to provide more feedback.Hi @Mugen87,I am sharing dev url with you please have a look if that work.https://audaxlabs.com/3DBuilder/editor/ 100Fiddle is bit hard to set because there is many js file to include and \"FBX\" and texture png as well.ThanksBaidyanathHi Michael,Can we export scene in these -\"SKP, DWF, DWG, DXR, RVT\"format form editor.Thanks and RegardsBaidyanath Kumar_Baidyanath:Fiddle is bit hard to set because there is many js file to include and \"FBX\"Hi,This is off topic. Sorry if I\"m breaking any forum rules.I\"ve faced this difficulty as well with linking assets other than js to the code. Is there any place we can upload the assets (objects, texture files, etc…) and get direct link to them?Thank you@Brabbit_640 You can upload your stuff to github and then use https://raw.githack.com/ 20 in order to link to files. Kumar_Baidyanath:Can we export scene in these - \"SKP, DWF, DWG, DXR, RVT\" format form editor.No.Hi Michael,I have publish my code on git, please have a look below mention url:GitHubbdbharti77/3dbuilder 20wall design. Contribute to bdbharti77/3dbuilder development by creating an account on GitHub.How to apply textures on object by drag and drop texture on object form list of texture on specific object from group of object.ThanksBaidyanathHi Michael,I have worked on below mention page:github.combdbharti77/3dbuilder/blob/master/editor/index.html 35This file has been truncated. show originalFor texture change i have written function in \"Fabric/texture.js\" this file.Please have a look if you can help me to resolve the issue, as i am new in THREEJS.ThanksBaidyanathHi @Mugen87 ,Can you please suggest me on above issue. that will be really helpful for me.I am still stuck on same.ThanksBaidyanaththree.js webgl - animation - skinningbody {background-color: #ffffff;margin: 0px;color: #fff;overflow: hidden;}#texture {position: absolute;width: 100px;height: 100px;left: 5%;top:50%;cursor: pointer;}<script = event.currentTarget.src;console.log(texture);}// $(function(){if ( ! Detector.webgl ) Detector.addGetWebGLMessage();/*global variables*/var scene, camera, renderer, light, orbit;/var>var控件；var SCREEN_WIDTH, SCREEN_HEIGHT;var loader, model;var raycaster;var texture;var>var container;/* ---------------------------------------------------------------------------------------------------------*//* rendering the jet engine = new THREE.PerspectiveCamera( 50, 1, 0.01, 10000 );camera.position.set( 10, 10,>container.appendChild( =>//document.addEventListener( \"customdrag\", customdrag, true );$(\"#webGL-container\").append(renderer.domElement);}document.addEventListener（“dragend”，customdrag，true）；function customdrag( event ) =new THREE.Raycaster();raycaster.setFromCamera( mouse3D, camera );var>console.log(intersects)if ( intersects.length > 0 ) {//intersects[ 0 ].object.material.color.setHex( Math.random() * = = new THREE.LineBasicMaterial( { color: 0x0000ff } = = new THREE.MeshLambertMaterial( {transparent: true,map: src,} );// }}function render() {controls.update();}function animate(){requestAnimationFrame(animate);render();renderer.render(scene, camera);}init();animate();/}；拖动纹理GitHubbdbharti77-概述8bdbharti77有一个可用的存储库。按照他们在GitHub上的代码进行操作。您能告诉我您当前的回购协议吗？非常感谢。n- GitHubbdbharti77-概述8bdbharti77有一个可用的存储库。按照他们在GitHub上的代码进行操作。您能告诉我您当前的回购协议吗？非常感谢。
How to apply textures on object by drag texture on object form list of texture on specific paneln

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