这是threejs官方的一个例子webgl_interactive_voxelpainter.html  查看效果 

红色的正方体随着鼠标的移动而移动，单击时会创建另一个正方体，按住shift单击会删除点击的正方体。

主要用到的知识点

1、设置物体的位置为射线与物体相交的位置，并且把物体的位置设置到网格中心且高度全部在网格的上面

rollOverMesh.position.copy(intersect.point).add(intersect.face.normal)rollOverMesh.position.divideScalar(50).floor().multiplyScalar(50).addScalar(25)

完整的代码：