3UMAP SDK3

切换日光/暗黑模式

MaterialMap 材质对象 ​

MaterialMap.color 颜色材质 ​

typescript
(property) color: (obj: {
    color: MapColor;
}) => ColorMaterialProperty

MaterialMap.flashing 闪烁材质 ​

  • color 颜色
  • speed 速度
  • isDynamic 是否动态变化
typescript
(property) flashing: (obj: {
    color: MapColor;
    speed: number;
    isDynamic: boolean;
}) => ImageMaterialProperty

MaterialMap.image 图片材质 ​

  • img 图片路径
  • color 颜色
  • repeat 重复
typescript
(property) image: (obj: {
    img: Img | (() => Img);
    color?: MapColor | undefined;
    repeat?: {
        x: number;
        y: number;
    } | undefined;
}) => ImageMaterialProperty

MaterialMap.textureScroll 贴图循环流动材质 ​

  • img 图片
  • color 颜色
  • direction 正反方向
  • orientation 贴图流动方式，垂直，或横向流动
  • speed 速度
  • count 贴图重复数量
  • materialType 注册的材质名称
typescript
(property) textureScroll: (options: {
    img: string;
    color: MapColor;
    direction: "+" | "-";
    orientation: "vertical" | "cross";
    speed: number;
    count: number;
    materialType?: string | undefined;
}) => MaterialProperty

MaterialMap.lineFlashing 闪烁线材质 ​

  • color 颜色
  • speed 速度
typescript
(property) lineFlashing: (color?: MapColor | undefined, speed?: number | undefined) => LineFlashingMaterial

MaterialMap.lineShuttle 穿梭线材质 ​

  • color 颜色
  • speed 速度
  • img 材质贴图
typescript
(property) lineShuttle: (params?: {
    color?: MapColor | undefined;
    speed?: number | undefined;
    img?: string | undefined;
}) => LineShuttleMaterial

MaterialMap.circleWave 水波纹材质 ​

  • color 颜色
  • speed 速度
  • count 数量
  • gradient 颜色倾斜度
typescript
(property) circleWave: (options?: {
    color?: MapColor | undefined;
    speed?: number | undefined;
    count?: number | undefined;
    gradient?: number | undefined;
}) => CircleWaveMaterial