How to add border to the mesh in three js

Questions
, ,
1

Hi,
I have a requirement where i have to stack the mesh one above the other.but the issue is I’m currently not able to differentiate between two boxes.
the boxes are created using

   var geometry = new THREE.BoxGeometry(  width, height, length );
   var material = new THREE.MeshBasicMaterial( { color: 'green'} );
   container = new THREE.Mesh( geometry, material );
   container.name = binname; 
   scene.add( container );

The current scenario is shown in the below img. The two boxes are stacked on each other but we cannot differentiate them.

image
image1366×768 47.5 KB

Can someone help me with this.

Thanks

2

Hi!
Maybe to add edges to boxes: How to render geometry edges?

3

Hi,
Thanks for the response.
I tried to implement the edge geometry and the edges are now visible but i cannot perform the drag operation correctly.
while performing drag operation I’m getting the below issue

image
image1366×768 49.1 KB

I have created a fiddle for the same.
can you suggest me your to resolve this issue
the fiddle link : https://jsfiddle.net/dodo1947/uftqbpzx/