Compare commits

...

6 Commits

Author SHA1 Message Date
4a0d65683d revert a74efe77f0
revert 修改jl-graphic依赖引用的仓库地址
2024-09-04 18:02:52 +08:00
soul-walker
a74efe77f0 修改jl-graphic依赖引用的仓库地址 2024-09-04 17:59:29 +08:00
fan
e1c4cd8a1a 删除lamp 2024-01-25 14:45:54 +08:00
fan
3aa3038504 Merge branch 'master' of https://git.code.tencent.com/xian-ncc-da/xian-ncc-da-client 2024-01-25 10:15:39 +08:00
fan
ea84c6ecdd 信号机实现逻辑调整 2024-01-25 10:15:32 +08:00
joylink_zhaoerwei
12f0bdf6d2 区段吸附点修改 2024-01-10 16:30:37 +08:00
3 changed files with 125 additions and 169 deletions

View File

@ -244,11 +244,9 @@ export class SectionGraphicHitArea implements IHitArea {
function buildAbsorbablePositions(section: Section): AbsorbablePosition[] {
const aps: AbsorbablePosition[] = [];
const sections = section.queryStore.queryByType<Section>(Section.Type);
sections.forEach((other) => {
const [ps, pe] = [
other.localToCanvasPoint(other.getStartPoint()),
other.localToCanvasPoint(other.getEndPoint()),
section.localToCanvasPoint(section.getStartPoint()),
section.localToCanvasPoint(section.getEndPoint()),
];
const { width, height } = section.getGraphicApp().canvas;
const xs = new AbsorbableLine({ x: 0, y: ps.y }, { x: width, y: ps.y });
@ -256,6 +254,15 @@ function buildAbsorbablePositions(section: Section): AbsorbablePosition[] {
const xe = new AbsorbableLine({ x: 0, y: pe.y }, { x: width, y: pe.y });
const ye = new AbsorbableLine({ x: pe.x, y: 0 }, { x: pe.x, y: height });
aps.push(xs, ys, xe, ye);
const sections = section.queryStore
.queryByType<Section>(Section.Type)
.filter((g) => g.datas.sectionType == SectionType.Physical);
sections.forEach((item) => {
if (item.id !== section.id) {
item.localToCanvasPoints(...item.datas.points).forEach((p) => {
aps.push(new AbsorbablePoint(p));
});
}
});
const turnouts = section.queryStore.queryByType<Turnout>(Turnout.Type);

View File

@ -1,101 +0,0 @@
import { Container } from '@pixi/display';
import { Graphics } from 'pixi.js';
const lampConsts = {
lampRadius: 8,
logicModeLineWidth: 2,
logicModeDistance: 5,
logicModeColor: '0x000000',
lampLineWidth: 1,
lampLineColor: '0x3149c3',
lampBadColor: '0xFF0000',
badStart: 10,
badEnd: 15,
};
export class Lamp extends Container {
circleLamp: Graphics = new Graphics();
logicMode: Graphics = new Graphics();
lampBad: Graphics = new Graphics();
radiusX = 0;
radiusY = 0;
constructor() {
super();
this.addChild(this.circleLamp);
this.addChild(this.logicMode);
this.addChild(this.lampBad);
}
paint(radiusX: number, radiusY: number) {
this.radiusX = radiusX;
this.radiusY = radiusY;
this.createLamp();
}
createLampBad() {
this.lampBad.clear();
this.lampBad.lineStyle(lampConsts.lampLineWidth, lampConsts.lampBadColor);
this.lampBad.moveTo(this.radiusX + lampConsts.badStart, this.radiusY);
this.lampBad.lineTo(this.radiusX + lampConsts.badEnd, this.radiusY);
this.lampBad.moveTo(this.radiusX - lampConsts.badStart, this.radiusY);
this.lampBad.lineTo(this.radiusX - lampConsts.badEnd, this.radiusY);
this.lampBad.moveTo(this.radiusX, this.radiusY + lampConsts.badStart);
this.lampBad.lineTo(this.radiusX, this.radiusY + lampConsts.badEnd);
this.lampBad.moveTo(this.radiusX, this.radiusY - lampConsts.badStart);
this.lampBad.lineTo(this.radiusX, this.radiusY - lampConsts.badEnd);
const xieStart = Math.sin(Math.PI / 4) * lampConsts.badStart;
const xieEnd = Math.sin(Math.PI / 4) * lampConsts.badEnd;
this.lampBad.moveTo(this.radiusX + xieStart, this.radiusY + xieStart);
this.lampBad.lineTo(this.radiusX + xieEnd, this.radiusY + xieEnd);
this.lampBad.moveTo(this.radiusX + xieStart, this.radiusY - xieStart);
this.lampBad.lineTo(this.radiusX + xieEnd, this.radiusY - xieEnd);
this.lampBad.moveTo(this.radiusX - xieStart, this.radiusY - xieStart);
this.lampBad.lineTo(this.radiusX - xieEnd, this.radiusY - xieEnd);
this.lampBad.moveTo(this.radiusX - xieStart, this.radiusY + xieStart);
this.lampBad.lineTo(this.radiusX - xieEnd, this.radiusY + xieEnd);
}
createLamp(color?: string) {
this.circleLamp.clear();
this.circleLamp.lineStyle(
lampConsts.lampLineWidth,
lampConsts.lampLineColor
);
if (!color) {
color = '0X' + this.getCanvas().backgroundColor.substring(1);
}
this.circleLamp.beginFill(color, 1);
this.circleLamp.drawCircle(
this.radiusX,
this.radiusY,
lampConsts.lampRadius
);
this.circleLamp.endFill();
}
createLogicMode() {
this.logicMode
.clear()
.lineStyle(lampConsts.logicModeLineWidth, lampConsts.logicModeColor)
.moveTo(
this.radiusX - lampConsts.logicModeDistance,
this.radiusY + lampConsts.logicModeDistance
)
.lineTo(
this.radiusX + lampConsts.logicModeDistance,
this.radiusY - lampConsts.logicModeDistance
)
.moveTo(
this.radiusX - lampConsts.logicModeDistance,
this.radiusY - lampConsts.logicModeDistance
)
.lineTo(
this.radiusX + lampConsts.logicModeDistance,
this.radiusY + lampConsts.logicModeDistance
);
}
logicModeClear() {
this.logicMode.clear();
}
lampClear() {
this.circleLamp.clear();
}
}

View File

@ -1,6 +1,5 @@
import { Graphics, Point } from 'pixi.js';
import { calculateMirrorPoint, GraphicAnimation, JlGraphic } from 'jl-graphic';
import { Lamp } from './Lamp';
import { ISignalState } from './Signal';
export enum LampEnum {
@ -10,6 +9,7 @@ export enum LampEnum {
yellowLamp = '0XFFFF00',
whiteLamp = '0XFFFFFF',
blueLamp = '0x3149c3',
closeLamp = '0x000000',
}
const lampConsts = {
@ -17,6 +17,14 @@ const lampConsts = {
levelLampPostLength: 4,
postLineWidth: 3,
lampRadius: 8,
logicModeLineWidth: 2,
logicModeDistance: 5,
logicModeColor: '0x000000',
lampLineWidth: 1,
lampLineColor: '0x3149c3',
lampBadColor: '0xFF0000',
badStart: 10,
badEnd: 15,
};
const anmiationNameConst = {
@ -31,23 +39,31 @@ export class LampMainBody extends JlGraphic {
static Type = 'LampMainBody';
lampNum = 1;
lampPost: Graphics = new Graphics();
lamps: Lamp[] = [];
// lamps: Lamp[] = [];
lamps: Graphics = new Graphics();
logicMode: Graphics = new Graphics();
mirror = false;
deltaTime = 0;
states: ISignalState | null = null;
constructor() {
super(LampMainBody.Type);
this.addChild(this.lampPost);
this.addChild(this.lamps);
this.addChild(this.logicMode);
}
paint(lampNum: number, mirror: boolean, states: ISignalState) {
this.lampPost.clear();
this.logicMode.clear();
this.mirror = mirror;
this.states = states;
if (lampNum < 1) {
throw new Error('信号机灯数量异常');
}
this.lampNum = lampNum;
this.removeChildren(0);
this.lampPost = new Graphics();
// this.removeChildren(0);
// this.lampPost = new Graphics();
let lpp = new Point(lampConsts.levelLampPostLength, 0);
if (mirror) {
lpp = calculateMirrorPoint(new Point(0, 0), lpp);
@ -58,39 +74,81 @@ export class LampMainBody extends JlGraphic {
.lineTo(0, lampConsts.verticalLampPostLength / 2)
.moveTo(0, 0)
.lineTo(lpp.x, lpp.y);
this.addChild(this.lampPost);
// this.addChild(this.lampPost);
this.lamps = [];
for (let i = 0; i < this.lampNum; i++) {
const lamp = new Lamp();
this.addChild(lamp);
// this.lamps = [];
// for (let i = 0; i < this.lampNum; i++) {
// const lamp = new Lamp();
// // this.addChild(lamp);
// const radiusX =
// (1 + i * 2) * lampConsts.lampRadius + lampConsts.levelLampPostLength;
// let lrp = new Point(radiusX, 0);
// if (mirror) {
// lrp = calculateMirrorPoint(new Point(0, 0), lrp);
// }
// lamp.paint(lrp.x, lrp.y);
// // this.lamps.push(lamp);
// }
this.chagneState(this.states);
}
paintLamp(colors: string[], lampNum?: number) {
this.lamps.clear();
this.lamps.lineStyle(
lampConsts.lampLineWidth,
lampConsts.lampLineColor
);
const number = lampNum || this.lampNum
for (let i = 0; i < number; i++) {
const radiusX =
(1 + i * 2) * lampConsts.lampRadius + lampConsts.levelLampPostLength;
(1 + i * 2) * lampConsts.lampRadius +
lampConsts.levelLampPostLength;
let lrp = new Point(radiusX, 0);
if (mirror) {
if (this.mirror) {
lrp = calculateMirrorPoint(new Point(0, 0), lrp);
}
lamp.paint(lrp.x, lrp.y);
this.lamps.push(lamp);
const color = colors[i] ? colors[i] : LampEnum.closeLamp;
this.lamps.beginFill(color, 1);
this.lamps.drawCircle(
lrp.x,
lrp.y,
lampConsts.lampRadius
);
this.lamps.endFill();
if (this.states?.extinguish) {
this.logicMode
.lineStyle(lampConsts.logicModeLineWidth, lampConsts.logicModeColor)
.moveTo(
lrp.x - lampConsts.logicModeDistance,
lrp.y + lampConsts.logicModeDistance
)
.lineTo(
lrp.x + lampConsts.logicModeDistance,
lrp.y - lampConsts.logicModeDistance
)
.moveTo(
lrp.x - lampConsts.logicModeDistance,
lrp.y - lampConsts.logicModeDistance
)
.lineTo(
lrp.x + lampConsts.logicModeDistance,
lrp.y + lampConsts.logicModeDistance
);
}
}
this.chagneState(this.states);
}
setBlueShow() {
this.stopAnmiation();
this.lamps.forEach((lamp) => {
lamp.createLamp(LampEnum.blueLamp);
lamp.logicModeClear();
});
this.paintLamp([LampEnum.blueLamp, LampEnum.blueLamp, LampEnum.blueLamp]);
}
doRepaint() {
// this.paint(this.lampNum, this.mirror, this.states);
}
stopAnmiation() {
const redFlashA = this.animation(anmiationNameConst.signaRedFlash);
const greenFlashA = this.animation(anmiationNameConst.signalGreenFlash);
const blueFlashA = this.animation(anmiationNameConst.signalBlueFlash);
const yellowFlashA = this.animation(anmiationNameConst.signalYellowFlash);
const whiteFlashA = this.animation(anmiationNameConst.signalWhiteFlash);
const redFlashA = this.animation(anmiationNameConst.signaRedFlash + this.states?.code);
const greenFlashA = this.animation(anmiationNameConst.signalGreenFlash + this.states?.code);
const blueFlashA = this.animation(anmiationNameConst.signalBlueFlash + this.states?.code);
const yellowFlashA = this.animation(anmiationNameConst.signalYellowFlash + this.states?.code);
const whiteFlashA = this.animation(anmiationNameConst.signalWhiteFlash + this.states?.code);
if (redFlashA) {
redFlashA.pause();
}
@ -109,18 +167,13 @@ export class LampMainBody extends JlGraphic {
}
chagneState(states: ISignalState) {
this.stopAnmiation();
if (states.extinguish) {
this.lamps.forEach((lamp) => lamp.createLogicMode());
} else {
this.lamps.forEach((lamp) => lamp.logicModeClear());
}
if (states.redOpen) {
this.lamps[0].createLamp(LampEnum.redLamp);
this.paintLamp([LampEnum.redLamp]);
} else if (states.redFlash) {
let redFlashA = this.animation(anmiationNameConst.signaRedFlash);
let redFlashA = this.animation(anmiationNameConst.signaRedFlash + states.code);
if (!redFlashA) {
redFlashA = this.createFlashAnmiation(
anmiationNameConst.signaRedFlash,
anmiationNameConst.signaRedFlash + states.code,
LampEnum.redLamp,
0
);
@ -128,12 +181,12 @@ export class LampMainBody extends JlGraphic {
this.addAnimation(redFlashA);
redFlashA.resume();
} else if (states.greenOpen) {
this.lamps[1].createLamp(LampEnum.greenLamp);
this.paintLamp([LampEnum.closeLamp, LampEnum.greenLamp]);
} else if (states.greenFlash) {
let greenFlashA = this.animation(anmiationNameConst.signalGreenFlash);
let greenFlashA = this.animation(anmiationNameConst.signalGreenFlash + states.code);
if (!greenFlashA) {
greenFlashA = this.createFlashAnmiation(
anmiationNameConst.signalGreenFlash,
anmiationNameConst.signalGreenFlash + states.code,
LampEnum.greenLamp,
1
);
@ -141,12 +194,12 @@ export class LampMainBody extends JlGraphic {
this.addAnimation(greenFlashA);
greenFlashA.resume();
} else if (states.yellowOpen) {
this.lamps[1].createLamp(LampEnum.yellowLamp);
this.paintLamp([LampEnum.closeLamp, LampEnum.yellowLamp]);
} else if (states.yellowFlash) {
let yellowFlashA = this.animation(anmiationNameConst.signalYellowFlash);
let yellowFlashA = this.animation(anmiationNameConst.signalYellowFlash + states.code);
if (!yellowFlashA) {
yellowFlashA = this.createFlashAnmiation(
anmiationNameConst.signalYellowFlash,
anmiationNameConst.signalYellowFlash + states.code,
LampEnum.yellowLamp,
1
);
@ -154,12 +207,12 @@ export class LampMainBody extends JlGraphic {
this.addAnimation(yellowFlashA);
yellowFlashA.resume();
} else if (states.blueOpen) {
this.lamps.forEach((lamp) => lamp.createLamp(LampEnum.blueLamp));
this.paintLamp([LampEnum.blueLamp, LampEnum.blueLamp, LampEnum.blueLamp]);
} else if (states.blueFlash) {
let blueFlashA = this.animation(anmiationNameConst.signalBlueFlash);
let blueFlashA = this.animation(anmiationNameConst.signalBlueFlash + states.code);
if (!blueFlashA) {
blueFlashA = this.createFlashAnmiation(
anmiationNameConst.signalBlueFlash,
anmiationNameConst.signalBlueFlash + states.code,
LampEnum.blueLamp,
0
);
@ -167,13 +220,12 @@ export class LampMainBody extends JlGraphic {
this.addAnimation(blueFlashA);
blueFlashA.resume();
} else if (states.whiteOpen) {
this.lamps[0].createLamp(LampEnum.whiteLamp);
this.lamps[1].visible = false;
this.paintLamp([LampEnum.whiteLamp], 1);
} else if (states.whiteFlash) {
let whiteFlashA = this.animation(anmiationNameConst.signalWhiteFlash);
let whiteFlashA = this.animation(anmiationNameConst.signalWhiteFlash + states.code);
if (!whiteFlashA) {
whiteFlashA = this.createFlashAnmiation(
anmiationNameConst.signalWhiteFlash,
anmiationNameConst.signalWhiteFlash + states.code,
LampEnum.whiteLamp,
0
);
@ -181,16 +233,15 @@ export class LampMainBody extends JlGraphic {
this.addAnimation(whiteFlashA);
whiteFlashA.resume();
} else if (states.callon) {
this.lamps[0].createLamp(LampEnum.redLamp);
this.lamps[1].createLamp(LampEnum.yellowLamp);
this.paintLamp([LampEnum.redLamp, LampEnum.yellowLamp]);
} else if (states.yellowYellow) {
this.lamps[0].createLamp(LampEnum.yellowLamp);
this.lamps[1].createLamp(LampEnum.yellowLamp);
this.paintLamp([LampEnum.yellowLamp, LampEnum.yellowLamp]);
} else if (states.yellowGreen) {
this.lamps[0].createLamp(LampEnum.yellowLamp);
this.lamps[1].createLamp(LampEnum.greenLamp);
this.paintLamp([LampEnum.yellowLamp, LampEnum.greenLamp]);
} else if (states.lampFailure) {
this.lamps[0].createLamp(LampEnum.redLamp);
this.paintLamp([LampEnum.redLamp]);
} else {
this.paintLamp([]);
}
}
createFlashAnmiation(
@ -198,18 +249,17 @@ export class LampMainBody extends JlGraphic {
color: string,
lampIndex: number
): GraphicAnimation {
const bgColor = '0X' + this.getCanvas().backgroundColor.substring(1);
const flashAnmiation = GraphicAnimation.init({
name: name,
run: (dt: number) => {
this.deltaTime += dt;
if (this.deltaTime > 60) {
const colors = ['', '', ''];
this.deltaTime = 0;
this.lamps[lampIndex].createLamp(color);
colors[lampIndex] = color;
this.paintLamp(colors);
} else if (this.deltaTime > 30) {
this.lamps.forEach((lamp) => {
lamp.createLamp(bgColor);
});
this.paintLamp([]);
}
},
});