Adding Mesh on mouse click

I wanna add simple mesh like box where is created at the position of mouse pointer.
Please enlighten me. Thanks you.
https://codepen.io/w99910/pen/BaQBGym?editors=1011

Any help ? Please :sweat_smile:

Try it like so: https://jsfiddle.net/sfpu9Lw2/

The idea is to setup a raycaster with the mouse and camera like in the three.js demos. Instead of performing an intersection test, you use its ray and move a defined distance along it. This is done by using the at() method.

2 Likes

Thank you so much. I have been struggling for two days.