threejs 建筑设计（室内设计）软件 技术调研之三 墙体添加门窗

运用threejs 开发 建筑设计（室内设计）软件

技术调研 三 墙体添加门窗

 在线体验地址：http://47.96.130.245:8080/design/index.html

实现功能：

点击添加门或者窗后，鼠标移动到墙体上时，会有门或者窗的框体出现在墙上。框体会跟随墙体的角度进行贴合，框体的厚度比墙体略微大一点，中心点位于墙厚度的中心。

 

鼠标移动时，框体会跟随鼠标移动，移动时会有标注线标注距墙体边缘的长度，会在右下角的div中显示距墙体边缘（上下左右）的实际距离。

当左键点击墙体时，框体会固定在点击位置，供以后扣除墙体，实际添加门或者窗使用。

演示视频：

threejs 建筑设计（室内设计）软件 技术调研之三 墙体添加门窗_哔哩哔哩_bilibili