ThingStudio森工厂开发者社区

发帖
分享
查看: 1584|回复: 1

[分享] 剖切面中setClippingPlanes的用法

[复制链接]

剖切面中setClippingPlanes的用法

发表于 2023-12-6 17:06:14 来自 分享 只看大图 阅读模式 倒序浏览
zzv_icon1584 zzr_icon1 查看全部
本帖最后由 yamazaki1201 于 2024-7-24 13:45 编辑

1.我们需要先了解场景的xyz轴，如图详解：
剖切面中setClippingPlanes的用法

2.setClippingPlanes的用法：
  1. 模型对象.setClippingPlanes({
  2.     height: 10,  // 剖切高度，单位米
  3.     direction: [x, y, z]  // 剖切方向 xyz轴
  4.     });
复制代码
3.1 沿x轴方向进行剖切建筑
剖切注意两个值：
      1.从那个方向开始剖切（可以理解删除）
      2.剖切到哪个位置（世界坐标位置）
下图：-1中的负号表示沿着x轴反方向开始剖切(可以理解删除)，剖切到x轴的0坐标（计算方式：- -1 * 0 = 0）
剖切面中setClippingPlanes的用法

下图：+0.5表示沿着x轴正方向开始剖切（可以理解删除），剖切到x轴的-10m 坐标（计算方式：-高度*x轴 = -20 *0.5 = -10米）
剖切面中setClippingPlanes的用法

下图：两边都开始剖切，
剖切面中setClippingPlanes的用法






可视化, 三维, 数字孪生城市, 物联网, ThingJS

相关帖子
回复

举报

avatar

1

主题

2

帖子

23

积分

新手上路

Rank: 1

积分
23
西出函谷关 发表于 2023-12-7 09:25:59 显示全部楼层
感谢，这么一讲立马理解了剖切面中setClippingPlanes的用法
剖切面中setClippingPlanes的用法
剖切面中setClippingPlanes的用法
回复

举报

avatar
游客~
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

avatar
18979425409

高级会员

  • 主题

    81

  • 帖子

    87

  • 粉丝

    0

关注 发私信
Ta的新帖
130700ppkpl8x3t7tt1b1t

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4