经纬志
首页 / Cesium / 使用示例

条纹材质

一块两公里多的地面铺上双色条纹,滑杆控制条纹数量, 另一个滑杆把整块纹理绕面中心旋转。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

两种颜色交替

StripeMaterialProperty 只需要两个颜色。repeat 表示在纹理坐标 0 到 1 之间重复多少个完整周期,数值越大条纹越密。 orientation 取 HORIZONTAL 时条纹沿东西向排列, 取 VERTICAL 则整体转 90°。

材质是逐属性的,滑杆改的是同一个属性对象, 多边形几何不需要重建,改动下一帧就能看到。

旋转的是纹理坐标

stRotation 作用在面图元的纹理坐标上,单位是弧度。 它转的是贴图方向,不动顶点位置,所以面边界仍保持原样。 示例里斜穿的虚线在旋转时位置不变,正好可以用来对照。

可调参数

位置改什么效果
repeat2 到 48条纹密度
evenColor / oddColor换成对比更强的颜色条纹更醒目
stRotation0 到 180°条纹方向旋转
orientationHORIZONTAL 改 VERTICAL条纹走向翻转

条纹周期按纹理坐标算。同一个 repeat 值, 面越大条纹越宽。想让不同大小的面保持相同的条纹宽度, 需要按面的实际尺寸分别设置 repeat。