行为组件

let svc = new vjmap3d.Service(env.serviceUrl, env.accessToken);
let app = new vjmap3d.App(svc, {
    container: "map", // 容器id
    scene: {
        gridHelper: { visible: true } // 是否显示坐标网格
    },
    camera: {  // 相机设置
        viewHelper: { enable: true, position: "leftBottom" } // 是否显示视角指示器
    }
})
let entity = await vjmap3d.ResManager.loadModel(env.assetsPath + "models/car.glb", {
    toEntity: true
});
entity.scale.set(5, 5, 5)
entity.addTo(app);
// 下面代码行为树逻辑
// - 循环五次
//   --  顺序执行
//       --- 选中
//       --- 等3秒
//       --- 不选中，辉光
//       --- 等5秒
//       --- 不辉光
let behavior = vjmap3d.RepeatBehavior.from(vjmap3d.SequenceBehavior.from([
    new vjmap3d.ActionBehavior(() => { entity.selected = true }),
    vjmap3d.DelayBehavior.from(3),
    new vjmap3d.ActionBehavior(() => {
        entity.selected = false;
        entity.bloom = true;
    }),
    vjmap3d.DelayBehavior.from(5),
    new vjmap3d.ActionBehavior(() => { entity.bloom = false })
]), 5)
behavior.onFinalized.add(() => {
app.logInfo("行为组件执行结束", "success")
})
entity.add(vjmap3d.BehaviorModule, behavior)

let svc = new vjmap3d.Service(env.serviceUrl, env.accessToken);
let app = new vjmap3d.App(svc, {
    container: "map", // 容器id
    scene: {
        gridHelper: { visible: true } // 是否显示坐标网格
    },
    camera: {  // 相机设置
        viewHelper: { enable: true, position: "leftBottom" } // 是否显示视角指示器
    }
})
let entity = await vjmap3d.ResManager.loadModel(env.assetsPath + "models/car.glb", {
    splitSubEntity: true,
    toEntity: true,
});
entity.scale.set(5, 5, 5)
entity.addTo(app);
const aEntry = new vjmap3d.AnimationTrack(['scale', 'alpha', 'v']);
aEntry.addKey(0, [1, 0.2, 0]);
aEntry.addKey(3, [2, 1, 0.8]);
aEntry.addTransition(0, vjmap3d.Easings.easeInCubic);
//
const aExit = new vjmap3d.AnimationTrack(['scale', 'alpha', 'v']);
aExit.addKey(0, [2, 1, 0]);
aExit.addKey(4, [1, 0, 1]);
aExit.addTransition(0, vjmap3d.Easings.easeInOutCubic);
//
// 下面代码行为树逻辑
// - 顺序执行
//   -- 循环六次
//       --- 动画行为
//       --- 并行，有一个满足退出 (让旋转执行五秒后退出)
//       --- 动画行为(反方向)
//   -- 删除实体
let oldScale = entity.scale.x
entity.add(vjmap3d.BehaviorModule, vjmap3d.SequenceBehavior.from([
    vjmap3d.RepeatBehavior.from(vjmap3d.SequenceBehavior.from([
        new vjmap3d.AnimationBehavior(new vjmap3d.AnimationTrackPlayback(aEntry, (scale, alpha, v) => {
            entity.scale.set(oldScale * scale, oldScale *  scale, oldScale * scale);
            entity.setOpacity(alpha);
        })),
        vjmap3d.ParallelBehavior.from([
            vjmap3d.RotationBehavior.fromJSON({resetWhenFinalize: true}),
            vjmap3d.DelayBehavior.from(5)
        ], vjmap3d.ParallelBehaviorPolicy.RequireOne),
        new vjmap3d.AnimationBehavior(new vjmap3d.AnimationTrackPlayback(aExit, (scale, alpha, v) => {
            entity.scale.set(oldScale * scale, oldScale * scale, oldScale * scale);
            entity.setOpacity(alpha);
        }))
    ]), 6),
    vjmap3d.DestoryBehavior.create() // 删除实体
]))

let svc = new vjmap3d.Service(env.serviceUrl, env.accessToken);
let app = new vjmap3d.App(svc, {
    container: "map", // 容器id
    scene: {
        gridHelper: { visible: true } // 是否显示坐标网格
    },
    camera: {  // 相机设置
        viewHelper: { enable: true, position: "leftBottom" } // 是否显示视角指示器
    }
})
let entity = await vjmap3d.ResManager.loadModel(env.assetsPath + "models/car.glb", {
    splitSubEntity: true,
    toEntity: true,
});
entity.scale.set(5, 5, 5)
entity.addTo(app);
entity.pointerEvents = true;
entity.add(vjmap3d.BehaviorModule, vjmap3d.ParallelBehavior.from([
    vjmap3d.RepeatBehavior.from(vjmap3d.SequenceBehavior.from([
        vjmap3d.WaitForEventBehavior.fromJSON({ event: "mouseover"}),
        new vjmap3d.ActionBehavior(() => { entity.outline = true }),
    ])),
    vjmap3d.RepeatBehavior.from(vjmap3d.SequenceBehavior.from([
        vjmap3d.WaitForEventBehavior.fromJSON({ event: "mouseout"}),
        new vjmap3d.ActionBehavior(() => { entity.outline = false }),
    ]))
]));

let svc = new vjmap3d.Service(env.serviceUrl, env.accessToken);
let app = new vjmap3d.App(svc, {
    container: "map", // 容器id
    scene: {
        gridHelper: { visible: true } // 是否显示坐标网格
    },
    camera: {  // 相机设置
        viewHelper: { enable: true, position: "leftBottom" } // 是否显示视角指示器
    }
})
// 自定义闪烁行为组件
class FlashBehavior extends vjmap3d.Behavior {
    constructor() {
        super();
        this.typeName = "FlashBehavior"
        this.seconds = 30; // 闪烁时间，默认30s
        this.totalTimeDelta = 0; // 运行总共花的时间
    }
    static fromJSON(param = {}) {
        const r = new FlashBehavior();
        r.fromJSON(param);
        return r;
    }
    fromJSON(param = {}) {
        this.seconds = param?.seconds ?? 30; // 与构造函数的默认值保持一致（秒）
    }
    initialize(context) {
        super.initialize(context);
        this.context.entity.visible = true
        this.totalTimeDelta = 0; 
    }
    tick(timeDelta) {
        this.totalTimeDelta += timeDelta;
        let tm = Math.floor(this.totalTimeDelta);
        let visible = tm % 2 == 0
        if (visible) {
           if (!this.context.entity.visible) this.context.entity.visible = true;
        } else {
            if (this.context.entity.visible) this.context.entity.visible = false;
        }
        if (this.totalTimeDelta < this.seconds ) {
            // 如果时间还在设置的时间内，则继续执行
            return vjmap3d.BehaviorStatus.Running;
        } else {
            // 超过地设置的时间，成功返回
            return vjmap3d.BehaviorStatus.Succeeded;
        }
    }
    finalize() {
        super.finalize();
        this.context.entity.visible = true
    }
}
let entity = await vjmap3d.ResManager.loadModel(env.assetsPath + "models/car.glb", {
    splitSubEntity: true,
    toEntity: true,
});
entity.scale.set(5, 5, 5)
entity.addTo(app);
let mod = entity.addModule(vjmap3d.BehaviorModule);
// 闪烁十分钟后删除实体
mod.addBehavior(vjmap3d.SequenceBehavior.from([
    FlashBehavior.fromJSON({seconds: 600}),
    vjmap3d.DestoryBehavior.create()
]))