Good day, in this example: https://www.babylonjs-playground.com/#2C8LVE#13 let’s imagine something similar over a more complex mesh. What i need is that as I drag and move around the mesh, I need to leave a trail behind, so that people can understand the path that I am making as I move the arrow (…

You may try Trail Mesh | Babylon.js Documentation

@labris great suggestion thank you very much, it works, now I need to make it so that trail is only created when I am clicking+dragging with mouse (or with finger in touch screens) how can I detect when user is clicking or touching the screen (instead of just hovering) ? thank you :slight_smile:

@labris I found a way to control that using canvas.addEventListener(“pointermove”, onPointerMove, false); canvas.addEventListener(“pointerdown”, onPointerDown, false); canvas.addEventListener(“pointerup”, onPointerUp, false); and it works, but now I need to stop the trail stuff until I detect th…

@labris yes I can use trail.start() and stop() to control it but I have a problem when I detect mouse down, I start trail, but the very first trail when I click makes an ugly line from position before I clicked to position of the click which looks terrible; the rest of trail then is good; how could…

@labris I am trying this onPointerDown= (evt)=>{ downState=true; setTimeout(() => { trail.start(); }, 1000 but mmm still doing that ugly line, also what would be the code to delete the entire trail in between mousedowns? so that I Delete the previous trail and people can begin a new one? th…

@labris This sorts of works: onPointerDown= (evt)=>{ trail.dispose(); downState=true; setTimeout(() => { trail = new TrailMesh(‘new’, box, scene, 0.85, 700, true); trail.material = sourceMat; trail.start(); }, 500); } onPointerUp= (evt)=>{ downState=false; trail.stop(); } but I need t…

@Evgeni_Popov @labris thank you very much to both of you; a) I tried to apply now box.computeWorldMatrix(); to the mesh being moved, when pointerdown happens, but its still creating the ugly line b) I Could use the method I described before but my issue now is that deleting and redoing the trail…

Regarding b/ there is no function for that, but the source code is available ( Babylon.js/trailMesh.ts at master · BabylonJS/Babylon.js · GitHub ) and is not very long, so you can try to make it fit your needs. Also, did you try to use the clone method and passing it as the second parameter the new me…

@Evgeni_Popov thank you again, I rather avoid touching the source code if possible; what is the clone method for? do you mean the clone method of the trailmesh object? not sure what you mean here, please give me more details if possible :slight_smile: new TrailMesh(name: string, generator: Transfo…

How to leave a trail behind when doing picking over a mesh

Questions

Evgeni_Popov January 20, 2021, 11:17am 8

Try to force a world matrix computation of the mesh you attach the trail to. See TrailMesh - always starts from 0:0:0 (with PG example) - #2 by Evgeni_Popov

Topic		Replies	Views
Trail mesh, making the trail thicker and more visible Questions	7	972	January 29, 2021
Is it possible to have Flat trail mesh? Also How to apply texture to Trail Mesh? Questions	3	575	December 3, 2020
Trailmesh artifacts Questions	2	165	February 12, 2024
Visual artifacts with Trail Meshes Questions	2	747	July 6, 2020
How to generate track lines similar to three-js Questions documentation , material	1	382	February 22, 2023

How to leave a trail behind when doing picking over a mesh

Related topics