diff --git a/src/App.tsx b/src/App.tsx index a532553..8b08ede 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,12 +1,10 @@ -import React, { useEffect } from "react"; +import { useEffect } from "react"; import "./App.css"; -import { useAppSelector } from "./store/hooks"; import { createHashRouter, RouterProvider } from "react-router-dom"; import ErrorPage from "./page/ErrorPage"; import { MyObservable } from "./context/MyObservable"; import { Observable } from "@babylonjs/core"; -import { selectGlassStatus } from "./store/ProductionMonitoringEntity"; import LDPage from "./page/LDPage"; import LinePageOneOne from "./page/LinePage1-1"; import LinePageOneTwo from "./page/LinePage1-2"; @@ -22,8 +20,6 @@ import LinePageFiveTwo from "./page/LinePage5-2"; const onGlassObservable = new Observable(); function App() { - const thisLineGlassStatus = useAppSelector(selectGlassStatus); - onGlassObservable.notifyObservers(thisLineGlassStatus); const router = createHashRouter([ { diff --git a/src/babylonjs/GlassAnimation.ts b/src/babylonjs/GlassAnimation.ts deleted file mode 100644 index 75bc85b..0000000 --- a/src/babylonjs/GlassAnimation.ts +++ /dev/null @@ -1,1054 +0,0 @@ -import * as BABYLON from "@babylonjs/core"; - -// function GlassAnimation1() { -// const glass1_1_1 = BABYLON.MeshBuilder.CreateBox("glass1_1_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_1_2 = BABYLON.MeshBuilder.CreateBox("glass1_1_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_2_1 = BABYLON.MeshBuilder.CreateBox("glass1_2_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_2_2 = BABYLON.MeshBuilder.CreateBox("glass1_2_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_3_1 = BABYLON.MeshBuilder.CreateBox("glass1_3_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_3_2 = BABYLON.MeshBuilder.CreateBox("glass1_3_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_4_1 = BABYLON.MeshBuilder.CreateBox("glass1_4_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass1_4_2 = BABYLON.MeshBuilder.CreateBox("glass1_4_2", {width: 2.3, height: 0.05, depth: 1.2}); -// -// const glassColor = new BABYLON.StandardMaterial("glassColor"); -// glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); -// glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); -// -// glass1_1_1.material = glassColor; -// glass1_1_2.material = glassColor; -// glass1_2_1.material = glassColor; -// glass1_2_2.material = glassColor; -// glass1_3_1.material = glassColor; -// glass1_3_2.material = glassColor; -// glass1_4_1.material = glassColor; -// glass1_4_2.material = glassColor; -// -// const frameRate = 10; -// -// const glassRun1_1_1 = new BABYLON.Animation("LineAnimation1_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_1_2 = new BABYLON.Animation("LineAnimation1_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_2_1 = new BABYLON.Animation("LineAnimation1_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_2_2 = new BABYLON.Animation("LineAnimation1_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_3_1 = new BABYLON.Animation("LineAnimation1_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_3_2 = new BABYLON.Animation("LineAnimation1_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_4_1 = new BABYLON.Animation("LineAnimation1_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun1_4_2 = new BABYLON.Animation("LineAnimation1_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// -// const keyFrames1_1_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 16.2)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 16.2)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 32)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, 32)}, -// ]; -// const keyFrames1_1_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 14.7)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 14.7)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 25)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, 25)}, -// ]; -// const keyFrames1_2_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 32)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, 32)}, -// ]; -// const keyFrames1_2_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 25)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, 25)}, -// ]; -// const keyFrames1_3_1 = [ -// {frame: 0, value: new BABYLON.Vector3(0, 1.2, 32)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(30, 1.2, 32)}, -// ]; -// const keyFrames1_3_2 = [ -// {frame: 0, value: new BABYLON.Vector3(0, 1.2, 25)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(17, 1.2, 25)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(17, 1.2, 32)}, -// {frame: 7 * frameRate, value: new BABYLON.Vector3(30, 1.2, 32)}, -// ]; -// const keyFrames1_4_1 = [ -// {frame: 0, value: new BABYLON.Vector3(98, 1.2, 32)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(144.5, 1.2, 32)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(144.5, 1.2, 30)}, -// ]; -// const keyFrames1_4_2 = [ -// {frame: 0, value: new BABYLON.Vector3(98, 1.2, 32)}, -// {frame: 3 * frameRate, value: new BABYLON.Vector3(98, 1.2, 32)}, -// {frame: 7.5 * frameRate, value: new BABYLON.Vector3(134.2, 1.2, 32)}, -// {frame: 8.5 * frameRate, value: new BABYLON.Vector3(134.2, 1.2, 30)}, -// ]; -// -// glassRun1_1_1.setKeys(keyFrames1_1_1); -// glassRun1_1_2.setKeys(keyFrames1_1_2); -// glassRun1_2_1.setKeys(keyFrames1_2_1); -// glassRun1_2_2.setKeys(keyFrames1_2_2); -// glassRun1_3_1.setKeys(keyFrames1_3_1); -// glassRun1_3_2.setKeys(keyFrames1_3_2); -// glassRun1_4_1.setKeys(keyFrames1_4_1) -// glassRun1_4_2.setKeys(keyFrames1_4_2) -// -// glass1_1_1.animations.push(glassRun1_1_1); -// glass1_1_2.animations.push(glassRun1_1_2); -// glass1_2_1.animations.push(glassRun1_2_1); -// glass1_2_2.animations.push(glassRun1_2_2); -// glass1_3_1.animations.push(glassRun1_3_1); -// glass1_3_2.animations.push(glassRun1_3_2); -// glass1_4_1.animations.push(glassRun1_4_1); -// glass1_4_2.animations.push(glassRun1_4_2); -// -// return {glass1_1_1, glass1_1_2, glass1_2_1, glass1_2_2, glass1_3_1, glass1_3_2, glass1_4_1, glass1_4_2}; -// } - -function GlassAnimation1_1(scene: BABYLON.Scene) { - const glass1_1_1 = BABYLON.MeshBuilder.CreateBox("glass1_1_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass1_1_2 = BABYLON.MeshBuilder.CreateBox("glass1_1_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass1_1_1.material = glassColor; - glass1_1_2.material = glassColor; - - const frameRate = 10; - - const glassRun1_1_1 = new BABYLON.Animation("LineAnimation1_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun1_1_2 = new BABYLON.Animation("LineAnimation1_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames1_1_1 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 16.2)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 16.2)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 32)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, 32)}, - ]; - const keyFrames1_1_2 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 14.7)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 14.7)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, 25)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, 25)}, - ]; - - glassRun1_1_1.setKeys(keyFrames1_1_1); - glassRun1_1_2.setKeys(keyFrames1_1_2); - - glass1_1_1.animations.push(glassRun1_1_1); - glass1_1_2.animations.push(glassRun1_1_2); - - return {glass1_1_1, glass1_1_2}; -} - -function GlassAnimation1_2U(scene: BABYLON.Scene) { - const glass1_2_1 = BABYLON.MeshBuilder.CreateBox("glass1_2_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass1_2_1.material = glassColor; - - const frameRate = 10; - - const glassRun1_2_1 = new BABYLON.Animation("LineAnimation1_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames1_2_1 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 32)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, 32)}, - ]; - - glassRun1_2_1.setKeys(keyFrames1_2_1); - - glass1_2_1.animations.push(glassRun1_2_1); - - return {glass1_2_1}; -} - -function GlassAnimation1_2D(scene: BABYLON.Scene) { - const glass1_2_2 = BABYLON.MeshBuilder.CreateBox("glass1_2_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass1_2_2.material = glassColor; - - const frameRate = 10; - - const glassRun1_2_2 = new BABYLON.Animation("LineAnimation1_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames1_2_2 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 25)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, 25)}, - ]; - - glassRun1_2_2.setKeys(keyFrames1_2_2); - - glass1_2_2.animations.push(glassRun1_2_2); - - return {glass1_2_2}; -} - -function GlassAnimation1_3(scene: BABYLON.Scene) { - const glass1_3_1 = BABYLON.MeshBuilder.CreateBox("glass1_3_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass1_3_2 = BABYLON.MeshBuilder.CreateBox("glass1_3_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass1_3_1.material = glassColor; - glass1_3_2.material = glassColor; - - const frameRate = 10; - - const glassRun1_3_1 = new BABYLON.Animation("LineAnimation1_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun1_3_2 = new BABYLON.Animation("LineAnimation1_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames1_3_1 = [ - {frame: 0, value: new BABYLON.Vector3(0, 1.2, 32)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(30, 1.2, 32)}, - ]; - const keyFrames1_3_2 = [ - {frame: 0, value: new BABYLON.Vector3(0, 1.2, 25)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(17, 1.2, 25)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(17, 1.2, 32)}, - {frame: 7 * frameRate, value: new BABYLON.Vector3(30, 1.2, 32)}, - ]; - - glassRun1_3_1.setKeys(keyFrames1_3_1); - glassRun1_3_2.setKeys(keyFrames1_3_2); - - glass1_3_1.animations.push(glassRun1_3_1); - glass1_3_2.animations.push(glassRun1_3_2); - - return {glass1_3_1, glass1_3_2}; -} - -function GlassAnimation1_4(scene: BABYLON.Scene) { - const glass1_4_1 = BABYLON.MeshBuilder.CreateBox("glass1_4_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass1_4_2 = BABYLON.MeshBuilder.CreateBox("glass1_4_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass1_4_1.material = glassColor; - glass1_4_2.material = glassColor; - - const frameRate = 10; - - const glassRun1_4_1 = new BABYLON.Animation("LineAnimation1_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun1_4_2 = new BABYLON.Animation("LineAnimation1_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames1_4_1 = [ - {frame: 0, value: new BABYLON.Vector3(98, 1.2, 32)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(144.5, 1.2, 32)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(144.5, 1.2, 30)}, - ]; - const keyFrames1_4_2 = [ - {frame: 0, value: new BABYLON.Vector3(98, 1.2, 32)}, - {frame: 3 * frameRate, value: new BABYLON.Vector3(98, 1.2, 32)}, - {frame: 7.5 * frameRate, value: new BABYLON.Vector3(134.2, 1.2, 32)}, - {frame: 8.5 * frameRate, value: new BABYLON.Vector3(134.2, 1.2, 30)}, - ]; - - glassRun1_4_1.setKeys(keyFrames1_4_1) - glassRun1_4_2.setKeys(keyFrames1_4_2) - - glass1_4_1.animations.push(glassRun1_4_1); - glass1_4_2.animations.push(glassRun1_4_2); - - return {glass1_4_1, glass1_4_2}; -} - -// function GlassAnimation2() { -// const glass2_1_1 = BABYLON.MeshBuilder.CreateBox("glass2_1_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_1_2 = BABYLON.MeshBuilder.CreateBox("glass2_1_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_2_1 = BABYLON.MeshBuilder.CreateBox("glass2_2_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_2_2 = BABYLON.MeshBuilder.CreateBox("glass2_2_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_3_1 = BABYLON.MeshBuilder.CreateBox("glass2_3_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_3_2 = BABYLON.MeshBuilder.CreateBox("glass2_3_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_4_1 = BABYLON.MeshBuilder.CreateBox("glass2_4_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass2_4_2 = BABYLON.MeshBuilder.CreateBox("glass2_4_2", {width: 2.3, height: 0.05, depth: 1.2}); -// -// const glassColor = new BABYLON.StandardMaterial("glassColor"); -// glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); -// glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); -// -// glass2_1_1.material = glassColor; -// glass2_1_2.material = glassColor; -// glass2_2_1.material = glassColor; -// glass2_2_2.material = glassColor; -// glass2_3_1.material = glassColor; -// glass2_3_2.material = glassColor; -// glass2_4_1.material = glassColor; -// glass2_4_2.material = glassColor; -// -// const frameRate = 10; -// -// const glassRun2_1_1 = new BABYLON.Animation("LineAnimation2_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_1_2 = new BABYLON.Animation("LineAnimation2_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_2_1 = new BABYLON.Animation("LineAnimation2_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_2_2 = new BABYLON.Animation("LineAnimation2_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_3_1 = new BABYLON.Animation("LineAnimation2_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_3_2 = new BABYLON.Animation("LineAnimation2_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_4_1 = new BABYLON.Animation("LineAnimation2_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun2_4_2 = new BABYLON.Animation("LineAnimation2_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// -// const keyFrames2_1_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 8)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, 8)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-110, 1.2, 14)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, 14)}, -// ]; -// const keyFrames2_1_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 6.5)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, 6.5)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, 6.5)}, -// ]; -// const keyFrames2_2_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 14)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, 14)}, -// ]; -// const keyFrames2_2_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 6.5)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, 6.5)}, -// ]; -// const keyFrames2_3_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-20, 1.2, 14)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-5, 1.2, 14)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-5, 1.2, 6.5)}, -// {frame: 7 * frameRate, value: new BABYLON.Vector3(5, 1.2, 6.5)}, -// ]; -// const keyFrames2_3_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-20, 1.2, 6.5)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(5, 1.2, 6.5)}, -// ]; -// const keyFrames2_4_1 = [ -// {frame: 0, value: new BABYLON.Vector3(70, 1.2, 6.5)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(132, 1.2, 6.5)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(132, 1.2, 8.5)}, -// ]; -// const keyFrames2_4_2 = [ -// {frame: 0, value: new BABYLON.Vector3(70, 1.2, 6.5)}, -// {frame: 3 * frameRate, value: new BABYLON.Vector3(70, 1.2, 6.5)}, -// {frame: 7.5 * frameRate, value: new BABYLON.Vector3(117.5, 1.2, 6.5)}, -// {frame: 8.5 * frameRate, value: new BABYLON.Vector3(117.5, 1.2, 8.5)}, -// ]; -// -// glassRun2_1_1.setKeys(keyFrames2_1_1); -// glassRun2_1_2.setKeys(keyFrames2_1_2); -// glassRun2_2_1.setKeys(keyFrames2_2_1); -// glassRun2_2_2.setKeys(keyFrames2_2_2); -// glassRun2_3_1.setKeys(keyFrames2_3_1); -// glassRun2_3_2.setKeys(keyFrames2_3_2); -// glassRun2_4_1.setKeys(keyFrames2_4_1) -// glassRun2_4_2.setKeys(keyFrames2_4_2) -// -// glass2_1_1.animations.push(glassRun2_1_1); -// glass2_1_2.animations.push(glassRun2_1_2); -// glass2_2_1.animations.push(glassRun2_2_1); -// glass2_2_2.animations.push(glassRun2_2_2); -// glass2_3_1.animations.push(glassRun2_3_1); -// glass2_3_2.animations.push(glassRun2_3_2); -// glass2_4_1.animations.push(glassRun2_4_1); -// glass2_4_2.animations.push(glassRun2_4_2); -// -// return {glass2_1_1, glass2_1_2, glass2_2_1, glass2_2_2, glass2_3_1, glass2_3_2, glass2_4_1, glass2_4_2}; -// } - -function GlassAnimation2_1(scene: BABYLON.Scene) { - const glass2_1_1 = BABYLON.MeshBuilder.CreateBox("glass2_1_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass2_1_2 = BABYLON.MeshBuilder.CreateBox("glass2_1_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass2_1_1.material = glassColor; - glass2_1_2.material = glassColor; - - const frameRate = 10; - - const glassRun2_1_1 = new BABYLON.Animation("LineAnimation2_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun2_1_2 = new BABYLON.Animation("LineAnimation2_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames2_1_1 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 8)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, 8)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-110, 1.2, 14)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, 14)}, - ]; - const keyFrames2_1_2 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, 6.5)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, 6.5)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, 6.5)}, - ]; - - glassRun2_1_1.setKeys(keyFrames2_1_1); - glassRun2_1_2.setKeys(keyFrames2_1_2); - - glass2_1_1.animations.push(glassRun2_1_1); - glass2_1_2.animations.push(glassRun2_1_2); - - return {glass2_1_1, glass2_1_2}; -} - -function GlassAnimation2_2U(scene: BABYLON.Scene) { - const glass2_2_1 = BABYLON.MeshBuilder.CreateBox("glass2_2_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass2_2_1.material = glassColor; - - const frameRate = 10; - - const glassRun2_2_1 = new BABYLON.Animation("LineAnimation2_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames2_2_1 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 14)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, 14)}, - ]; - - glassRun2_2_1.setKeys(keyFrames2_2_1); - - glass2_2_1.animations.push(glassRun2_2_1); - - return {glass2_2_1}; -} - -function GlassAnimation2_2D(scene: BABYLON.Scene) { - const glass2_2_2 = BABYLON.MeshBuilder.CreateBox("glass2_2_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass2_2_2.material = glassColor; - - const frameRate = 10; - - const glassRun2_2_2 = new BABYLON.Animation("LineAnimation2_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames2_2_2 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, 6.5)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, 6.5)}, - ]; - - glassRun2_2_2.setKeys(keyFrames2_2_2); - - glass2_2_2.animations.push(glassRun2_2_2); - - return {glass2_2_2}; -} - -function GlassAnimation2_3(scene: BABYLON.Scene) { - const glass2_3_1 = BABYLON.MeshBuilder.CreateBox("glass2_3_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass2_3_2 = BABYLON.MeshBuilder.CreateBox("glass2_3_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass2_3_1.material = glassColor; - glass2_3_2.material = glassColor; - - const frameRate = 10; - - const glassRun2_3_1 = new BABYLON.Animation("LineAnimation2_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun2_3_2 = new BABYLON.Animation("LineAnimation2_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames2_3_1 = [ - {frame: 0, value: new BABYLON.Vector3(-20, 1.2, 14)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-5, 1.2, 14)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-5, 1.2, 6.5)}, - {frame: 7 * frameRate, value: new BABYLON.Vector3(5, 1.2, 6.5)}, - ]; - const keyFrames2_3_2 = [ - {frame: 0, value: new BABYLON.Vector3(-20, 1.2, 6.5)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(5, 1.2, 6.5)}, - ]; - - glassRun2_3_1.setKeys(keyFrames2_3_1); - glassRun2_3_2.setKeys(keyFrames2_3_2); - - glass2_3_1.animations.push(glassRun2_3_1); - glass2_3_2.animations.push(glassRun2_3_2); - - return {glass2_3_1, glass2_3_2}; -} - -function GlassAnimation2_4(scene: BABYLON.Scene) { - const glass2_4_1 = BABYLON.MeshBuilder.CreateBox("glass2_4_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass2_4_2 = BABYLON.MeshBuilder.CreateBox("glass2_4_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass2_4_1.material = glassColor; - glass2_4_2.material = glassColor; - - const frameRate = 10; - - const glassRun2_4_1 = new BABYLON.Animation("LineAnimation2_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun2_4_2 = new BABYLON.Animation("LineAnimation2_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames2_4_1 = [ - {frame: 0, value: new BABYLON.Vector3(70, 1.2, 6.5)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(132, 1.2, 6.5)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(132, 1.2, 8.5)}, - ]; - const keyFrames2_4_2 = [ - {frame: 0, value: new BABYLON.Vector3(70, 1.2, 6.5)}, - {frame: 3 * frameRate, value: new BABYLON.Vector3(70, 1.2, 6.5)}, - {frame: 7.5 * frameRate, value: new BABYLON.Vector3(117.5, 1.2, 6.5)}, - {frame: 8.5 * frameRate, value: new BABYLON.Vector3(117.5, 1.2, 8.5)}, - ]; - - glassRun2_4_1.setKeys(keyFrames2_4_1) - glassRun2_4_2.setKeys(keyFrames2_4_2) - - glass2_4_1.animations.push(glassRun2_4_1); - glass2_4_2.animations.push(glassRun2_4_2); - - return {glass2_4_1, glass2_4_2}; -} - -// function GlassAnimation3() { -// const glass3_1_1 = BABYLON.MeshBuilder.CreateBox("glass3_1_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_1_2 = BABYLON.MeshBuilder.CreateBox("glass3_1_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_2_1 = BABYLON.MeshBuilder.CreateBox("glass3_2_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_2_2 = BABYLON.MeshBuilder.CreateBox("glass3_2_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_3_1 = BABYLON.MeshBuilder.CreateBox("glass3_3_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_3_2 = BABYLON.MeshBuilder.CreateBox("glass3_3_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_4_1 = BABYLON.MeshBuilder.CreateBox("glass3_4_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass3_4_2 = BABYLON.MeshBuilder.CreateBox("glass3_4_2", {width: 2.3, height: 0.05, depth: 1.2}); -// -// const glassColor = new BABYLON.StandardMaterial("glassColor"); -// glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); -// glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); -// -// glass3_1_1.material = glassColor; -// glass3_1_2.material = glassColor; -// glass3_2_1.material = glassColor; -// glass3_2_2.material = glassColor; -// glass3_3_1.material = glassColor; -// glass3_3_2.material = glassColor; -// glass3_4_1.material = glassColor; -// glass3_4_2.material = glassColor; -// -// const frameRate = 10; -// -// const glassRun3_1_1 = new BABYLON.Animation("LineAnimation3_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_1_2 = new BABYLON.Animation("LineAnimation3_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_2_1 = new BABYLON.Animation("LineAnimation3_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_2_2 = new BABYLON.Animation("LineAnimation3_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_3_1 = new BABYLON.Animation("LineAnimation3_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_3_2 = new BABYLON.Animation("LineAnimation3_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_4_1 = new BABYLON.Animation("LineAnimation3_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun3_4_2 = new BABYLON.Animation("LineAnimation3_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// -// const keyFrames3_1_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -9)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, -9)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-110, 1.2, -15)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, -15)}, -// ]; -// const keyFrames3_1_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -7.5)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, -7.5)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, -7.5)}, -// ]; -// const keyFrames3_2_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -15)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, -15)}, -// ]; -// const keyFrames3_2_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -7.5)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, -7.5)}, -// ]; -// const keyFrames3_3_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-20, 1.2, -15)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-5, 1.2, -15)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-5, 1.2, -7.5)}, -// {frame: 7 * frameRate, value: new BABYLON.Vector3(5, 1.2, -7.5)}, -// ]; -// const keyFrames3_3_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-20, 1.2, -7.5)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(5, 1.2, -7.5)}, -// ]; -// const keyFrames3_4_1 = [ -// {frame: 0, value: new BABYLON.Vector3(70, 1.2, -7.5)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(130.5, 1.2, -7.5)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(130.5, 1.2, -9.5)}, -// ]; -// const keyFrames3_4_2 = [ -// {frame: 0, value: new BABYLON.Vector3(70, 1.2, -7.5)}, -// {frame: 3 * frameRate, value: new BABYLON.Vector3(70, 1.2, -7.5)}, -// {frame: 7.5 * frameRate, value: new BABYLON.Vector3(116, 1.2, -7.5)}, -// {frame: 8.5 * frameRate, value: new BABYLON.Vector3(116, 1.2, -9.5)}, -// ]; -// -// glassRun3_1_1.setKeys(keyFrames3_1_1); -// glassRun3_1_2.setKeys(keyFrames3_1_2); -// glassRun3_2_1.setKeys(keyFrames3_2_1); -// glassRun3_2_2.setKeys(keyFrames3_2_2); -// glassRun3_3_1.setKeys(keyFrames3_3_1); -// glassRun3_3_2.setKeys(keyFrames3_3_2); -// glassRun3_4_1.setKeys(keyFrames3_4_1) -// glassRun3_4_2.setKeys(keyFrames3_4_2) -// -// glass3_1_1.animations.push(glassRun3_1_1); -// glass3_1_2.animations.push(glassRun3_1_2); -// glass3_2_1.animations.push(glassRun3_2_1); -// glass3_2_2.animations.push(glassRun3_2_2); -// glass3_3_1.animations.push(glassRun3_3_1); -// glass3_3_2.animations.push(glassRun3_3_2); -// glass3_4_1.animations.push(glassRun3_4_1); -// glass3_4_2.animations.push(glassRun3_4_2); -// -// return {glass3_1_1, glass3_1_2, glass3_2_1, glass3_2_2, glass3_3_1, glass3_3_2, glass3_4_1, glass3_4_2}; -// } - -function GlassAnimation3_1(scene: BABYLON.Scene) { - const glass3_1_1 = BABYLON.MeshBuilder.CreateBox("glass3_1_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass3_1_2 = BABYLON.MeshBuilder.CreateBox("glass3_1_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass3_1_1.material = glassColor; - glass3_1_2.material = glassColor; - - const frameRate = 10; - - const glassRun3_1_1 = new BABYLON.Animation("LineAnimation3_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun3_1_2 = new BABYLON.Animation("LineAnimation3_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames3_1_1 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -9)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, -9)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-110, 1.2, -15)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, -15)}, - ]; - const keyFrames3_1_2 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -7.5)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-110, 1.2, -7.5)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-99, 1.2, -7.5)}, - ]; - - glassRun3_1_1.setKeys(keyFrames3_1_1); - glassRun3_1_2.setKeys(keyFrames3_1_2); - - glass3_1_1.animations.push(glassRun3_1_1); - glass3_1_2.animations.push(glassRun3_1_2); - - return {glass3_1_1, glass3_1_2}; -} - -function GlassAnimation3_2U(scene: BABYLON.Scene) { - const glass3_2_2 = BABYLON.MeshBuilder.CreateBox("glass3_2_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass3_2_2.material = glassColor; - - const frameRate = 10; - - const glassRun3_2_2 = new BABYLON.Animation("LineAnimation3_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames3_2_2 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -7.5)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, -7.5)}, - ]; - - glassRun3_2_2.setKeys(keyFrames3_2_2); - - glass3_2_2.animations.push(glassRun3_2_2); - - return {glass3_2_2}; -} - -function GlassAnimation3_2D(scene: BABYLON.Scene) { - const glass3_2_1 = BABYLON.MeshBuilder.CreateBox("glass3_2_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass3_2_1.material = glassColor; - - const frameRate = 10; - - const glassRun3_2_1 = new BABYLON.Animation("LineAnimation3_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames3_2_1 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -15)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(-20, 1.2, -15)}, - ]; - - glassRun3_2_1.setKeys(keyFrames3_2_1); - - glass3_2_1.animations.push(glassRun3_2_1); - - return {glass3_2_1}; -} - -function GlassAnimation3_3(scene: BABYLON.Scene) { - const glass3_3_1 = BABYLON.MeshBuilder.CreateBox("glass3_3_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass3_3_2 = BABYLON.MeshBuilder.CreateBox("glass3_3_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass3_3_1.material = glassColor; - glass3_3_2.material = glassColor; - - const frameRate = 10; - - const glassRun3_3_1 = new BABYLON.Animation("LineAnimation3_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun3_3_2 = new BABYLON.Animation("LineAnimation3_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames3_3_1 = [ - {frame: 0, value: new BABYLON.Vector3(-20, 1.2, -15)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-5, 1.2, -15)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-5, 1.2, -7.5)}, - {frame: 7 * frameRate, value: new BABYLON.Vector3(5, 1.2, -7.5)}, - ]; - const keyFrames3_3_2 = [ - {frame: 0, value: new BABYLON.Vector3(-20, 1.2, -7.5)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(5, 1.2, -7.5)}, - ]; - - glassRun3_3_1.setKeys(keyFrames3_3_1); - glassRun3_3_2.setKeys(keyFrames3_3_2); - - glass3_3_1.animations.push(glassRun3_3_1); - glass3_3_2.animations.push(glassRun3_3_2); - - return {glass3_3_1, glass3_3_2}; -} - -function GlassAnimation3_4(scene: BABYLON.Scene) { - const glass3_4_1 = BABYLON.MeshBuilder.CreateBox("glass3_4_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass3_4_2 = BABYLON.MeshBuilder.CreateBox("glass3_4_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass3_4_1.material = glassColor; - glass3_4_2.material = glassColor; - - const frameRate = 10; - - const glassRun3_4_1 = new BABYLON.Animation("LineAnimation3_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun3_4_2 = new BABYLON.Animation("LineAnimation3_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames3_4_1 = [ - {frame: 0, value: new BABYLON.Vector3(70, 1.2, -7.5)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(130.5, 1.2, -7.5)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(130.5, 1.2, -9.5)}, - ]; - const keyFrames3_4_2 = [ - {frame: 0, value: new BABYLON.Vector3(70, 1.2, -7.5)}, - {frame: 3 * frameRate, value: new BABYLON.Vector3(70, 1.2, -7.5)}, - {frame: 7.5 * frameRate, value: new BABYLON.Vector3(116, 1.2, -7.5)}, - {frame: 8.5 * frameRate, value: new BABYLON.Vector3(116, 1.2, -9.5)}, - ]; - - glassRun3_4_1.setKeys(keyFrames3_4_1) - glassRun3_4_2.setKeys(keyFrames3_4_2) - - glass3_4_1.animations.push(glassRun3_4_1); - glass3_4_2.animations.push(glassRun3_4_2); - - return {glass3_4_1, glass3_4_2}; -} - -// function GlassAnimation4() { -// const glass4_1_1 = BABYLON.MeshBuilder.CreateBox("glass4_1_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_1_2 = BABYLON.MeshBuilder.CreateBox("glass4_1_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_2_1 = BABYLON.MeshBuilder.CreateBox("glass4_2_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_2_2 = BABYLON.MeshBuilder.CreateBox("glass4_2_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_3_1 = BABYLON.MeshBuilder.CreateBox("glass4_3_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_3_2 = BABYLON.MeshBuilder.CreateBox("glass4_3_2", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_4_1 = BABYLON.MeshBuilder.CreateBox("glass4_4_1", {width: 2.3, height: 0.05, depth: 1.2}); -// const glass4_4_2 = BABYLON.MeshBuilder.CreateBox("glass4_4_2", {width: 2.3, height: 0.05, depth: 1.2}); -// -// const glassColor = new BABYLON.StandardMaterial("glassColor"); -// glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); -// glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); -// -// glass4_1_1.material = glassColor; -// glass4_1_2.material = glassColor; -// glass4_2_1.material = glassColor; -// glass4_2_2.material = glassColor; -// glass4_3_1.material = glassColor; -// glass4_3_2.material = glassColor; -// glass4_4_1.material = glassColor; -// glass4_4_2.material = glassColor; -// -// const frameRate = 10; -// -// const glassRun4_1_1 = new BABYLON.Animation("LineAnimation4_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_1_2 = new BABYLON.Animation("LineAnimation4_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_2_1 = new BABYLON.Animation("LineAnimation4_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_2_2 = new BABYLON.Animation("LineAnimation4_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_3_1 = new BABYLON.Animation("LineAnimation4_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_3_2 = new BABYLON.Animation("LineAnimation4_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_4_1 = new BABYLON.Animation("LineAnimation4_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// const glassRun4_4_2 = new BABYLON.Animation("LineAnimation4_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); -// -// const keyFrames4_1_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -16.2)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -16.2)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -34)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, -34)}, -// ]; -// const keyFrames4_1_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -14.7)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -14.7)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -27)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, -27)}, -// ]; -// const keyFrames4_2_1 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -34)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, -34)}, -// ]; -// const keyFrames4_2_2 = [ -// {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -27)}, -// {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, -27)}, -// ]; -// const keyFrames4_3_1 = [ -// {frame: 0, value: new BABYLON.Vector3(0, 1.2, -34)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(30, 1.2, -34)}, -// ]; -// const keyFrames4_3_2 = [ -// {frame: 0, value: new BABYLON.Vector3(0, 1.2, -27)}, -// {frame: 2 * frameRate, value: new BABYLON.Vector3(17, 1.2, -27)}, -// {frame: 4 * frameRate, value: new BABYLON.Vector3(17, 1.2, -34)}, -// {frame: 7 * frameRate, value: new BABYLON.Vector3(30, 1.2, -34)}, -// ]; -// const keyFrames4_4_1 = [ -// {frame: 0, value: new BABYLON.Vector3(96, 1.2, -34)}, -// {frame: 5 * frameRate, value: new BABYLON.Vector3(142.5, 1.2, -34)}, -// {frame: 6 * frameRate, value: new BABYLON.Vector3(142.5, 1.2, -32)}, -// ]; -// const keyFrames4_4_2 = [ -// {frame: 0, value: new BABYLON.Vector3(96, 1.2, -34)}, -// {frame: 3 * frameRate, value: new BABYLON.Vector3(96, 1.2, -34)}, -// {frame: 7.5 * frameRate, value: new BABYLON.Vector3(132.5, 1.2, -34)}, -// {frame: 8.5 * frameRate, value: new BABYLON.Vector3(132.5, 1.2, -32)}, -// ]; -// -// glassRun4_1_1.setKeys(keyFrames4_1_1); -// glassRun4_1_2.setKeys(keyFrames4_1_2); -// glassRun4_2_1.setKeys(keyFrames4_2_1); -// glassRun4_2_2.setKeys(keyFrames4_2_2); -// glassRun4_3_1.setKeys(keyFrames4_3_1); -// glassRun4_3_2.setKeys(keyFrames4_3_2); -// glassRun4_4_1.setKeys(keyFrames4_4_1) -// glassRun4_4_2.setKeys(keyFrames4_4_2) -// -// glass4_1_1.animations.push(glassRun4_1_1); -// glass4_1_2.animations.push(glassRun4_1_2); -// glass4_2_1.animations.push(glassRun4_2_1); -// glass4_2_2.animations.push(glassRun4_2_2); -// glass4_3_1.animations.push(glassRun4_3_1); -// glass4_3_2.animations.push(glassRun4_3_2); -// glass4_4_1.animations.push(glassRun4_4_1); -// glass4_4_2.animations.push(glassRun4_4_2); -// -// return {glass4_1_1, glass4_1_2, glass4_2_1, glass4_2_2, glass4_3_1, glass4_3_2, glass4_4_1, glass4_4_2}; -// } - -function GlassAnimation4_1(scene: BABYLON.Scene) { - const glass4_1_1 = BABYLON.MeshBuilder.CreateBox("glass4_1_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass4_1_2 = BABYLON.MeshBuilder.CreateBox("glass4_1_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass4_1_1.material = glassColor; - glass4_1_2.material = glassColor; - - const frameRate = 10; - - const glassRun4_1_1 = new BABYLON.Animation("LineAnimation4_1_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun4_1_2 = new BABYLON.Animation("LineAnimation4_1_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames4_1_1 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -16.2)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -16.2)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -34)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, -34)}, - ]; - const keyFrames4_1_2 = [ - {frame: 0, value: new BABYLON.Vector3(-126, 1.2, -14.7)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -14.7)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(-116.5, 1.2, -27)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(-104.5, 1.2, -27)}, - ]; - - glassRun4_1_1.setKeys(keyFrames4_1_1); - glassRun4_1_2.setKeys(keyFrames4_1_2); - - glass4_1_1.animations.push(glassRun4_1_1); - glass4_1_2.animations.push(glassRun4_1_2); - - return {glass4_1_1, glass4_1_2}; -} - -function GlassAnimation4_2U(scene: BABYLON.Scene) { - const glass4_2_2 = BABYLON.MeshBuilder.CreateBox("glass4_2_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass4_2_2.material = glassColor; - - const frameRate = 10; - - const glassRun4_2_2 = new BABYLON.Animation("LineAnimation4_2_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames4_2_2 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -27)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, -27)}, - ]; - - glassRun4_2_2.setKeys(keyFrames4_2_2); - - glass4_2_2.animations.push(glassRun4_2_2); - - return {glass4_2_2}; -} - -function GlassAnimation4_2D(scene: BABYLON.Scene) { - const glass4_2_1 = BABYLON.MeshBuilder.CreateBox("glass4_2_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass4_2_1.material = glassColor; - - const frameRate = 10; - - const glassRun4_2_1 = new BABYLON.Animation("LineAnimation4_2_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames4_2_1 = [ - {frame: 0, value: new BABYLON.Vector3(-75, 1.2, -34)}, - {frame: 10 * frameRate, value: new BABYLON.Vector3(0, 1.2, -34)}, - ]; - - glassRun4_2_1.setKeys(keyFrames4_2_1); - - glass4_2_1.animations.push(glassRun4_2_1); - - return {glass4_2_1}; -} - -function GlassAnimation4_3(scene: BABYLON.Scene) { - const glass4_3_1 = BABYLON.MeshBuilder.CreateBox("glass4_3_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass4_3_2 = BABYLON.MeshBuilder.CreateBox("glass4_3_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass4_3_1.material = glassColor; - glass4_3_2.material = glassColor; - - const frameRate = 10; - - const glassRun4_3_1 = new BABYLON.Animation("LineAnimation4_3_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun4_3_2 = new BABYLON.Animation("LineAnimation4_3_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames4_3_1 = [ - {frame: 0, value: new BABYLON.Vector3(0, 1.2, -34)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(30, 1.2, -34)}, - ]; - const keyFrames4_3_2 = [ - {frame: 0, value: new BABYLON.Vector3(0, 1.2, -27)}, - {frame: 2 * frameRate, value: new BABYLON.Vector3(17, 1.2, -27)}, - {frame: 4 * frameRate, value: new BABYLON.Vector3(17, 1.2, -34)}, - {frame: 7 * frameRate, value: new BABYLON.Vector3(30, 1.2, -34)}, - ]; - - glassRun4_3_1.setKeys(keyFrames4_3_1); - glassRun4_3_2.setKeys(keyFrames4_3_2); - - glass4_3_1.animations.push(glassRun4_3_1); - glass4_3_2.animations.push(glassRun4_3_2); - - return {glass4_3_1, glass4_3_2}; -} - -function GlassAnimation4_4(scene: BABYLON.Scene) { - const glass4_4_1 = BABYLON.MeshBuilder.CreateBox("glass4_4_1", {width: 2.3, height: 0.05, depth: 1.2}, scene); - const glass4_4_2 = BABYLON.MeshBuilder.CreateBox("glass4_4_2", {width: 2.3, height: 0.05, depth: 1.2}, scene); - - const glassColor = new BABYLON.StandardMaterial("glassColor", scene); - glassColor.diffuseColor = new BABYLON.Color3(0, 0, 0); - glassColor.emissiveColor = new BABYLON.Color3(0, 1, 1); - - glass4_4_1.material = glassColor; - glass4_4_2.material = glassColor; - - const frameRate = 10; - - const glassRun4_4_1 = new BABYLON.Animation("LineAnimation4_4_1", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - const glassRun4_4_2 = new BABYLON.Animation("LineAnimation4_4_2", "position", frameRate, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE); - - const keyFrames4_4_1 = [ - {frame: 0, value: new BABYLON.Vector3(96, 1.2, -34)}, - {frame: 5 * frameRate, value: new BABYLON.Vector3(142.5, 1.2, -34)}, - {frame: 6 * frameRate, value: new BABYLON.Vector3(142.5, 1.2, -32)}, - ]; - const keyFrames4_4_2 = [ - {frame: 0, value: new BABYLON.Vector3(96, 1.2, -34)}, - {frame: 3 * frameRate, value: new BABYLON.Vector3(96, 1.2, -34)}, - {frame: 7.5 * frameRate, value: new BABYLON.Vector3(132.5, 1.2, -34)}, - {frame: 8.5 * frameRate, value: new BABYLON.Vector3(132.5, 1.2, -32)}, - ]; - - glassRun4_4_1.setKeys(keyFrames4_4_1) - glassRun4_4_2.setKeys(keyFrames4_4_2) - - glass4_4_1.animations.push(glassRun4_4_1); - glass4_4_2.animations.push(glassRun4_4_2); - - return {glass4_4_1, glass4_4_2}; -} - - -export { - GlassAnimation1_1, - GlassAnimation1_2U, - GlassAnimation1_2D, - GlassAnimation1_3, - GlassAnimation1_4, - GlassAnimation2_1, - GlassAnimation2_2U, - GlassAnimation2_2D, - GlassAnimation2_3, - GlassAnimation2_4, - GlassAnimation3_1, - GlassAnimation3_2U, - GlassAnimation3_2D, - GlassAnimation3_3, - GlassAnimation3_4, - GlassAnimation4_1, - GlassAnimation4_2U, - GlassAnimation4_2D, - GlassAnimation4_3, - GlassAnimation4_4 -}; -export default {} \ No newline at end of file diff --git a/src/babylonjs/LinePageBabylon.tsx b/src/babylonjs/LinePageBabylon.tsx deleted file mode 100644 index 5abed6a..0000000 --- a/src/babylonjs/LinePageBabylon.tsx +++ /dev/null @@ -1,627 +0,0 @@ -import React, { useEffect, useRef, useState, useContext, useMemo } from "react"; -import * as BABYLON from "@babylonjs/core"; -import "@babylonjs/core/Debug/debugLayer"; -import "@babylonjs/inspector"; -import "@babylonjs/loaders/glTF"; -import { GridMaterial } from "@babylonjs/materials/"; -import { - Animatable, - HemisphericLight, - Mesh, - Observable, - Vector3, -} from "@babylonjs/core"; -import { useAppSelector } from "../store/hooks"; -import "../page/style/standard.css"; -import { EquStatusInterface, selectEquStatus } from "../store/EquStatusEntity"; -import EqInfoData from "./EqInfoData"; -import AlarmTipGreen from "./../page/LinePage/assets/icon/g.png"; -import AlarmTipYellow from "./../page/LinePage/assets/icon/y.png"; -import AlarmTipRed from "./../page/LinePage/assets/icon/r.png"; -const lineNameNo = ["一","二","三","四","五"] - -const myStyle = { - width: "1041px", - height: "562px", - outline: "none", -}; -interface MybabylonJSProps { - modelPath: string; // 明确 modelPath 属性的类型为 string -} -interface EqInfoListInterface { - [key: string]: EqInfo[]; -} -interface EqInfo { - name: string; - inputNum: number; - outPut: number; - position: [number, number]; -} -const eqInfoList: EqInfoListInterface = { - "Line1-1": [ - { name: "磨边机", inputNum: 100, outPut: 100, position: [134, 202] }, - { name: "磨边机", inputNum: 101, outPut: 101, position: [82, 306] }, - { name: "磨边机", inputNum: 105, outPut: 105, position: [342, 400] }, - { name: "打孔机", inputNum: 100, outPut: 100, position: [337, 51] }, - { name: "打孔机", inputNum: 101, outPut: 101, position: [338, 156] }, - { name: "打孔机", inputNum: 105, outPut: 105, position: [510, 310] }, - { name: "丝印机", inputNum: 100, outPut: 100, position: [521, 4] }, - { name: "丝印机", inputNum: 101, outPut: 101, position: [520, 90] }, - { name: "丝印机", inputNum: 105, outPut: 105, position: [672, 226] }, - { name: "一次固化", inputNum: 100, outPut: 100, position: [756, 2] }, - { name: "一次固化", inputNum: 101, outPut: 101, position: [833, 90] }, - { name: "一次固化", inputNum: 105, outPut: 105, position: [835, 186] }, - ], - "Line1-2": [ - { name: "退火", inputNum: 100, outPut: 100, position: [100, 210] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [410, 58] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [594, 252] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [610, 5] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [838, 1] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [837, 145] }, - ], - "Line2-1": [ - { name: "磨边机", inputNum: 100, outPut: 100, position: [134, 202] }, - { name: "磨边机", inputNum: 105, outPut: 105, position: [342, 400] }, - { name: "打孔机", inputNum: 101, outPut: 101, position: [338, 156] }, - { name: "打孔机", inputNum: 105, outPut: 105, position: [510, 310] }, - { name: "丝印机", inputNum: 101, outPut: 101, position: [520, 90] }, - { name: "丝印机", inputNum: 105, outPut: 105, position: [672, 226] }, - { name: "一次固化", inputNum: 100, outPut: 100, position: [724, 38] }, - { name: "一次固化", inputNum: 105, outPut: 105, position: [835, 186] }, - ], - "Line2-2": [ - { name: "退火", inputNum: 100, outPut: 100, position: [215, 247] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [710, 237] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [502, 58] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [733, 3] }, - ], - "Line3-1": [ - { name: "磨边机", inputNum: 100, outPut: 100, position: [134, 202] }, - { name: "磨边机", inputNum: 105, outPut: 105, position: [342, 400] }, - { name: "打孔机", inputNum: 101, outPut: 101, position: [338, 156] }, - { name: "打孔机", inputNum: 105, outPut: 105, position: [510, 310] }, - { name: "丝印机", inputNum: 101, outPut: 101, position: [520, 90] }, - { name: "丝印机", inputNum: 105, outPut: 105, position: [672, 226] }, - { name: "一次固化", inputNum: 100, outPut: 100, position: [724, 38] }, - { name: "一次固化", inputNum: 105, outPut: 105, position: [835, 186] }, - ], - "Line3-2": [ - { name: "退火", inputNum: 100, outPut: 100, position: [187, 247] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [502, 58] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [733, 3] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [710, 237] }, - ], - "Line4-1": [ - { name: "磨边机", inputNum: 100, outPut: 100, position: [231, 216] }, - { name: "磨边机", inputNum: 105, outPut: 105, position: [403, 400] }, - { name: "一次固化", inputNum: 101, outPut: 101, position: [520, 90] }, - { name: "一次固化", inputNum: 105, outPut: 105, position: [643, 276] }, - { name: "二次固化", inputNum: 100, outPut: 100, position: [724, 38] }, - { name: "二次固化", inputNum: 105, outPut: 105, position: [835, 186] }, - ], - "Line4-2": [ - { name: "退火", inputNum: 100, outPut: 100, position: [187, 247] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [710, 237] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [820, 237] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [553, 7] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [839, 137] }, - ], - "Line5-1": [ - { name: "磨边机", inputNum: 100, outPut: 100, position: [134, 202] }, - { name: "磨边机", inputNum: 101, outPut: 101, position: [82, 306] }, - { name: "磨边机", inputNum: 105, outPut: 105, position: [342, 400] }, - { name: "一次固化", inputNum: 100, outPut: 100, position: [521, 4] }, - { name: "一次固化", inputNum: 101, outPut: 101, position: [520, 90] }, - { name: "一次固化", inputNum: 105, outPut: 105, position: [672, 287] }, - { name: "二次固化", inputNum: 100, outPut: 100, position: [756, 2] }, - { name: "二次固化", inputNum: 101, outPut: 101, position: [833, 90] }, - { name: "二次固化", inputNum: 105, outPut: 105, position: [835, 186] }, - ], - "Line5-2": [ - { name: "退火", inputNum: 100, outPut: 100, position: [100, 270] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [434, 133] }, - { name: "铺纸机", inputNum: 100, outPut: 100, position: [640, 305] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [645, 54] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [838, 1] }, - { name: "下片机", inputNum: 100, outPut: 100, position: [837, 226] }, - ], -}; -interface EqInfoInterface { - name: string; - data: Array<{ name: string; value: number }>; - position: Array; -} -interface EqInfoDataInterface { - [key: string]: Array; -} -const eqInfoData: EqInfoDataInterface = { - "Line5-1": [ - { - name: "磨边进口", - data: [ - { name: "1支线", value: 413 }, - { name: "2支线", value: 435 }, - { name: "3支线", value: 397 }, - ], - position: [154, 266], - }, - { - name: "磨边清洗出口", - data: [ - { name: "1支线", value: 401 }, - { name: "2支线", value: 418 }, - { name: "3支线", value: 389 }, - ], - position: [331, 177], - }, - { - name: "一次镀膜进口", - data: [ - { name: "1支线", value: 400 }, - { name: "2支线", value: 418 }, - { name: "3支线", value: 388 }, - ], - position: [555, 329], - }, - { - name: "二次镀膜进口", - data: [ - { name: "1支线", value: 387 }, - { name: "2支线", value: 399 }, - { name: "3支线", value: 381 }, - ], - position: [550, 85], - }, - { - name: "二次固化出口", - data: [ - { name: "1支线", value: 384 }, - { name: "2支线", value: 398 }, - { name: "3支线", value: 377 }, - ], - position: [857, 184], - }, - { - name: "钢化进口", - data: [{ name: "钢化进口", value: 1157 }], - position: [870, 48], - }, - ], - "Line5-2": [ - { - name: "钢化出口", - data: [{ name: "钢化出口", value: 1124 }], - position: [305, 255], - }, - { - name: "包装清洗机入口", - data: [ - { name: "包装清洗机5_1", value: 515 }, - { name: "包装清洗机5_2", value: 507 }, - ], - position: [508, 319], - }, - { - name: "包装清洗机出口", - data: [ - { name: "包装清洗机5_1", value: 515 }, - { name: "包装清洗机5_2", value: 505 }, - ], - position: [444, 159], - }, - { - name: "铺纸机", - data: [ - { name: "铺纸机5_1", value: 509 }, - { name: "铺纸机5_2", value: 504 }, - ], - position: [696, 272], - }, - { - name: "下片机械手", - data: [ - { name: "下片机械手5_1", value: 347 }, - { name: "下片机械手5_2", value: 334 }, - { name: "下片机械手5_3", value: 316 }, - ], - position: [712, 28], - }, - ], -}; -interface EqStatusListInterface { - [key: string]: Array<{ - equipment: string; - alarm: boolean; - online: boolean; - }>; -} -const eqStatusList: EqStatusListInterface = { - "Line5-1": [ - { equipment: "磨边机5_1", alarm: false, online: true }, - { equipment: "磨边机5_2", alarm: false, online: true }, - { equipment: "磨边机5_3", alarm: false, online: true }, - { equipment: "清洗机5_1", alarm: false, online: true }, - { equipment: "清洗机5_2", alarm: false, online: true }, - { equipment: "清洗机5_3", alarm: false, online: true }, - { equipment: "一次镀膜5_2", alarm: false, online: true }, - { equipment: "一次镀膜5_3", alarm: false, online: true }, - { equipment: "一次固化5_1", alarm: false, online: true }, - { equipment: "一次镀膜5_1", alarm: false, online: true }, - { equipment: "一次固化5_2", alarm: false, online: true }, - { equipment: "一次固化5_3", alarm: false, online: true }, - { equipment: "二次镀膜5_1", alarm: false, online: true }, - { equipment: "二次镀膜5_2", alarm: false, online: true }, - { equipment: "二次镀膜5_3", alarm: false, online: true }, - { equipment: "二次固化5_1", alarm: false, online: true }, - { equipment: "二次固化5_2", alarm: false, online: true }, - { equipment: "二次固化5_3", alarm: false, online: true }, - ], - "Line5-2": [ - { equipment: "钢化炉5", alarm: false, online: true }, - { equipment: "包装清洗机5_1", alarm: false, online: true }, - { equipment: "包装清洗机5_2", alarm: false, online: true }, - { equipment: "在线铺纸机5_1", alarm: false, online: true }, - { equipment: "在线铺纸机5_2", alarm: false, online: true }, - { equipment: "下片机械手5_1", alarm: false, online: true }, - { equipment: "下片机械手5_2", alarm: false, online: true }, - { equipment: "下片机械手5_3", alarm: false, online: true }, - ], -}; -function MybabylonJS({ modelPath }: MybabylonJSProps) { - console.log("modelPath:;;;;;;", modelPath); - // const EquStatus = useAppSelector(selectEquStatus); - const canvasRef = useRef(null); - const resetRef = useRef<(() => void) | null>(null); - // onEquObservable.notifyObservers(EquStatus); - const [selectedMeshName, setSelectedMeshName] = useState(null); - const [selectedMeshObj, setSelectedMeshObj] = useState({ - equipment: "", - alarm: false, - online: true, - }); - const [showInfo, setShowInfo] = useState(true); - - // 使用 useRef 来存储当前加载的模型引用 - const currentMeshesRef = useRef>([]); - - useEffect(() => { - console.log("canvasRef++++++", canvasRef); - console.log("resetRef++++++", resetRef); - // 确保 canvas 引用存在 - if (!canvasRef.current) return; - const canvas = canvasRef.current; - const engine = new BABYLON.Engine(canvas, true, { - preserveDrawingBuffer: true, - stencil: true, - }); - - const createScene = async function () { - // This creates a basic Babylon Scene object (non-mesh) - const scene = new BABYLON.Scene(engine); - scene.clearColor = new BABYLON.Color4(0, 0, 0, 0); - const baseLight = new HemisphericLight( - "hemiLight", - new Vector3(-1, 1, 0), - scene - ); - baseLight.intensity = 1; - baseLight.diffuse = new BABYLON.Color3(1, 1, 1); - baseLight.specular = new BABYLON.Color3(0.25, 0.25, 0.25); - baseLight.groundColor = new BABYLON.Color3(0.5, 0.5, 0.5); - - //add an arcRotateCamera to the scene - const camera = new BABYLON.ArcRotateCamera( - "camera", - BABYLON.Tools.ToRadians(245), - BABYLON.Tools.ToRadians(25), - modelPath.slice(-1) === "1" - ? 110 - : modelPath.slice(-3) === "5-2" - ? 100 - : 75, - new BABYLON.Vector3(-13, 0, 0) - ); - camera.lowerRadiusLimit = 10; - camera.upperRadiusLimit = 600; - - // This attaches the camera to the canvas - camera.attachControl(canvas, true); - - //创建一个材质 - const newMt = new BABYLON.StandardMaterial("newMt"); - newMt.diffuseColor = BABYLON.Color3.Blue(); - - const ground = BABYLON.MeshBuilder.CreateGround( - "ground", - { - width: 1000, - height: 1000, - subdivisions: 1, - }, - scene - ); - - ground.scaling.x = 100; - ground.scaling.z = ground.scaling.x; - ground.isPickable = false; - - let grid = new GridMaterial("grid", scene); - - grid.majorUnitFrequency = 10; - grid.minorUnitVisibility = 0.3; - grid.gridRatio = 0.04; - grid.backFaceCulling = !1; - grid.mainColor = new BABYLON.Color3(1, 1, 1); - grid.lineColor = new BABYLON.Color3(1, 1, 1); - grid.opacity = 0; - grid.zOffset = 1; - grid.opacityTexture = new BABYLON.Texture( - "/public/png/backgroundGround.png", - scene - ); - ground.material = grid; - - let hl = new BABYLON.HighlightLayer("hl1", scene); - let hl2 = new BABYLON.HighlightLayer("hl2", scene); - - // 定义一个函数来加载或重新加载模型 - const loadOrReloadModel = async () => { - // 在加载新模型之前卸载已加载的模型 - currentMeshesRef.current.forEach((mesh) => { - if (mesh && mesh.parent) { - scene.removeMesh(mesh, true); - } - }); - currentMeshesRef.current = []; // 重置模型数组 - try { - // 使用 ImportMeshAsync 加载新模型 - var LOD0MESH = await BABYLON.SceneLoader.ImportMeshAsync( - "", - "/Line/", - `${modelPath}.babylon`, - scene - ); - // 将新加载的模型添加到 currentMeshesRef 中 - currentMeshesRef.current.push(...LOD0MESH.meshes); - - // ...为新加载的模型设置交互逻辑 - - LOD0MESH.meshes.map((mesh) => { - mesh.isPickable = true; - mesh.actionManager = new BABYLON.ActionManager(scene); - // console.log("mesh==========", mesh); - if (modelPath.slice(-1) === "1") { - if ( - mesh.name.includes("磨边") || - mesh.name.includes("清洗") || - mesh.name.includes("镀膜") || - mesh.name.includes("固化") - ) { - // @ts-ignore - hl.addMesh(mesh, BABYLON.Color3.Green()); - } - } else { - if ( - mesh.name.includes("钢化") || - mesh.name.includes("包装") || - mesh.name.includes("铺纸") || - mesh.name.includes("下片机械手") - ) { - // @ts-ignore - hl.addMesh(mesh, BABYLON.Color3.Green()); - } - } - - //鼠标移动到物体上亮显 - // mesh.actionManager.registerAction( - // new BABYLON.ExecuteCodeAction( - // BABYLON.ActionManager.OnPointerOverTrigger, - // (a) => { - // console.log("================", a); - // // @ts-ignore - // hl.addMesh(mesh, BABYLON.Color3.Green()); - // } - // ) - // ); - // 鼠标移出物体上不亮 - // mesh.actionManager.registerAction( - // new BABYLON.ExecuteCodeAction( - // BABYLON.ActionManager.OnPointerOutTrigger, - // () => { - // // @ts-ignore - // hl.removeMesh(mesh); - // } - // ) - // ); - - mesh._scene.onPointerDown = async (event, _pickResult) => { - console.log('_pickResult=====',_pickResult) - const pickInfo = mesh._scene.pick( - mesh._scene.pointerX, - mesh._scene.pointerY - ); - - const clickedPosition = _pickResult.pickedPoint; - //如果需要获取吗模型根节点，而不是模型中某个组件，请用一下方法 - // getRootNode(pickInfo.pickedMesh as BABYLON.Node) 如上篇文章getRootNode函数 - - //判断是否是右键 - if (!(event.buttons === 1 && pickInfo.pickedMesh)) return; - const MeshName1 = pickInfo.pickedMesh.name.split(".")[0]; - - setSelectedMeshName(MeshName1); - eqStatusList[modelPath].map((item: any) => { - if (item.equipment === MeshName1) { - setSelectedMeshObj(item); - } - }); - }; - }); - } catch (error) { - console.error("加载模型失败:", error); - } - }; - - // 调用函数以加载或重新加载模型 - loadOrReloadModel(); - - function reset() { - camera.target = new BABYLON.Vector3(-13, 0, 0); - camera.alpha = BABYLON.Tools.ToRadians(245); - camera.beta = BABYLON.Tools.ToRadians(25); - camera.radius = - modelPath.slice(-1) === "1" - ? 110 - : modelPath.slice(-3) === "5-2" - ? 100 - : 75; - setShowInfo(true); - setSelectedMeshName(null); - } - // 外部初始位置按钮 - resetRef.current = reset; - - let resetCamera = setTimeout(reset, 15000); - scene.onPointerObservable.add((pointerInfo) => { - switch (pointerInfo.type) { - case BABYLON.PointerEventTypes.POINTERMOVE: - clearTimeout(resetCamera); - resetCamera = setTimeout(reset, 15000); - setShowInfo(false); - } - }); - return scene; - }; - - // call the createScene function - const scene = createScene(); - - // run the render loop - scene.then( - (scene) => { - console.log("createScene被调用了=====", scene); - engine.runRenderLoop(function () { - scene.render(); - }); - }, - (reason) => { - console.log("reason=============", reason); - } - ); - - // Resize - window.addEventListener("resize", function () { - engine.resize(); - }); - // 组件卸载时的清理逻辑 - return () => { - // 清理场景和引擎资源 - engine.dispose(); - }; - }, [modelPath]); - const resetModel = () => { - //模型初始位置 - console.log("回到初始位置"); - if (resetRef.current) { - resetRef.current(); - } - }; - return ( -
- {/*

当前选择: {selectedMeshName}

*/} -
- - - 第{lineNameNo[Number(modelPath.slice(-3,-2))-1]}产线钢化{modelPath.slice(-1) === "1" ? "前段" : "后段"} - -
- {selectedMeshName && ( -
-
- 设备名称： - {selectedMeshObj.equipment} -
-
- 报警状态： - - {selectedMeshObj.alarm ? ( - <> - - 报警 - - ) : ( - <> - - 正常 - - )} - -
-
- 在线状态： - - {selectedMeshObj.online ? ( - <> - - 在线 - - ) : ( - <> - - 离线 - - )} - -
-
- )} - {showInfo && - eqInfoData[modelPath] && - eqInfoData[modelPath].map((item, index) => { - return ( -
-
- {item.name} -
- {item.data.map((info, index) => { - return ( -
- {info.name}：{info.value} -
- ); - })} -
- ); - })} - - -
- ); -} - -export default MybabylonJS; diff --git a/src/page/LinePage1-1/Right/RightUp.tsx b/src/page/LinePage1-1/Right/RightUp.tsx index a106318..cf9de73 100644 --- a/src/page/LinePage1-1/Right/RightUp.tsx +++ b/src/page/LinePage1-1/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine1Before} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine1Before); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage1-2/Right/RightUp.tsx b/src/page/LinePage1-2/Right/RightUp.tsx index 2ec53b8..f8886e1 100644 --- a/src/page/LinePage1-2/Right/RightUp.tsx +++ b/src/page/LinePage1-2/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine1After} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine1After); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage2-1/Right/RightUp.tsx b/src/page/LinePage2-1/Right/RightUp.tsx index 4bc5913..5db0782 100644 --- a/src/page/LinePage2-1/Right/RightUp.tsx +++ b/src/page/LinePage2-1/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine2Before} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine2Before); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage2-2/Right/RightUp.tsx b/src/page/LinePage2-2/Right/RightUp.tsx index 700a22b..d8de53d 100644 --- a/src/page/LinePage2-2/Right/RightUp.tsx +++ b/src/page/LinePage2-2/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine2After} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine2After); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage3-1/Right/RightUp.tsx b/src/page/LinePage3-1/Right/RightUp.tsx index 369822c..f3dde67 100644 --- a/src/page/LinePage3-1/Right/RightUp.tsx +++ b/src/page/LinePage3-1/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine3Before} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine3Before); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage3-2/Right/RightUp.tsx b/src/page/LinePage3-2/Right/RightUp.tsx index 6c6b89d..4e396fa 100644 --- a/src/page/LinePage3-2/Right/RightUp.tsx +++ b/src/page/LinePage3-2/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine3After} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine3After); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage4-1/Right/RightUp.tsx b/src/page/LinePage4-1/Right/RightUp.tsx index 896a72d..49ce536 100644 --- a/src/page/LinePage4-1/Right/RightUp.tsx +++ b/src/page/LinePage4-1/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine4Before} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine4Before); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage4-2/Right/RightUp.tsx b/src/page/LinePage4-2/Right/RightUp.tsx index d7ef0b0..a2ade9b 100644 --- a/src/page/LinePage4-2/Right/RightUp.tsx +++ b/src/page/LinePage4-2/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine4After} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine4After); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage5-1/Right/RightUp.tsx b/src/page/LinePage5-1/Right/RightUp.tsx index 4a8ed4e..4d1946c 100644 --- a/src/page/LinePage5-1/Right/RightUp.tsx +++ b/src/page/LinePage5-1/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine5Before} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine5Before); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/page/LinePage5-2/Right/RightUp.tsx b/src/page/LinePage5-2/Right/RightUp.tsx index c35c8d3..df58c9e 100644 --- a/src/page/LinePage5-2/Right/RightUp.tsx +++ b/src/page/LinePage5-2/Right/RightUp.tsx @@ -5,7 +5,7 @@ import {selectLine5After} from "./../../../store/LinePageSlice" function RightUp() { const data = useAppSelector(selectLine5After); const config = { - header: ["序号", "产线", "上片数据量", "成品下片数量"], + header: ["序号", "工段名", "上片数据量", "成品下片数量"], headerHeight: 32, rowNum: 5, align: ["center", "left", "left", "left"], diff --git a/src/store/ChangeLangAndCss.ts b/src/store/ChangeLangAndCss.ts deleted file mode 100644 index 9e6c6e5..0000000 --- a/src/store/ChangeLangAndCss.ts +++ /dev/null @@ -1,31 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -const initialState = { - Locale: "zh-CN", - text_1: "text_1", - text_34: "text_34" -} - -export const ChangeLangAndCss = createSlice({ - name: 'ChangeCss', - initialState, - reducers: { - UpdateChangeLangAndCss: (state) => { - if (state.Locale == "zh-CN") { - state.Locale = "en-US"; - state.text_1 = "text_1_EN"; - state.text_34 = "text_34_EN" - } else { - state.Locale = "zh-CN"; - state.text_1 = "text_1"; - state.text_34 = "text_34" - } - } - } -}) - -export const {UpdateChangeLangAndCss} = ChangeLangAndCss.actions; -export const selectChangeLangAndCss = (state: RootState) => state.ChangeCss; - -export default ChangeLangAndCss.reducer; \ No newline at end of file diff --git a/src/store/ChangeSwitchState.ts b/src/store/ChangeSwitchState.ts deleted file mode 100644 index d7710e0..0000000 --- a/src/store/ChangeSwitchState.ts +++ /dev/null @@ -1,25 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -const initialState = { - switchState: true, -} -export const ChangeSwitchState = createSlice({ - name: 'ChangeSwitchState', - initialState, - reducers: { - ChangeSwitch: (state) => { - if (state.switchState) { - state.switchState = false; - } else { - state.switchState = true; - } - } - } -}) - -export const {ChangeSwitch} = ChangeSwitchState.actions; - -export const selectSwitchState = (state: RootState) => state.ChangeSwitchState.switchState; - -export default ChangeSwitchState.reducer; diff --git a/src/store/EquStatusEntity.ts b/src/store/EquStatusEntity.ts deleted file mode 100644 index d891a81..0000000 --- a/src/store/EquStatusEntity.ts +++ /dev/null @@ -1,191 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -export interface EquStatusInterface { - CleanAfterEdge1_1: number - CleanAfterEdge1_2: number - CleanAfterEdge2_1: number - CleanAfterEdge2_2: number - CleanAfterEdge3_1: number - CleanAfterEdge3_2: number - CleanAfterEdge4_1: number - CleanAfterEdge4_2: number - CleanAfterTemper1_1: number - CleanAfterTemper2_1: number - CleanAfterTemper3_1: number - CleanAfterTemper4_1: number - CleanBeforCoat1_1: number - CleanBeforCoat1_2: number - CleanBeforCoat4_1: number - CleanBeforCoat4_2: number - Edge1_1: number - Edge1_2: number - Edge2_1: number - Edge2_2: number - Edge3_1: number - Edge3_2: number - Edge4_1: number - Edge4_2: number - FirstCoat1_1: number - FirstCoat1_2: number - FirstCoat2_1: number - FirstCoat2_2: number - FirstCoat3_1: number - FirstCoat3_2: number - FirstCoat4_1: number - FirstCoat4_2: number - Punch1_1: number - Punch1_2: number - Punch4_1: number - Punch4_2: number - SecondCoat1_1: number - SecondCoat1_2: number - SecondCoat2_1: number - SecondCoat2_2: number - SecondCoat3_1: number - SecondCoat3_2: number - SecondCoat4_1: number - SecondCoat4_2: number - Temper1_1: number - Temper2_1: number - Temper3_1: number - Temper4_1: number - Unload1_1: number - Unload1_2: number - Unload2_1: number - Unload2_2: number - Unload3_1: number - Unload3_2: number - Unload4_1: number - Unload4_2: number -} - -const initialState: EquStatusInterface = { - CleanAfterEdge1_1: 0, - CleanAfterEdge1_2: 0, - CleanAfterEdge2_1: 0, - CleanAfterEdge2_2: 0, - CleanAfterEdge3_1: 0, - CleanAfterEdge3_2: 0, - CleanAfterEdge4_1: 0, - CleanAfterEdge4_2: 0, - CleanAfterTemper1_1: 0, - CleanAfterTemper2_1: 0, - CleanAfterTemper3_1: 0, - CleanAfterTemper4_1: 0, - CleanBeforCoat1_1: 0, - CleanBeforCoat1_2: 0, - CleanBeforCoat4_1: 0, - CleanBeforCoat4_2: 0, - Edge1_1: 0, - Edge1_2: 0, - Edge2_1: 0, - Edge2_2: 0, - Edge3_1: 0, - Edge3_2: 0, - Edge4_1: 0, - Edge4_2: 0, - FirstCoat1_1: 0, - FirstCoat1_2: 0, - FirstCoat2_1: 0, - FirstCoat2_2: 0, - FirstCoat3_1: 0, - FirstCoat3_2: 0, - FirstCoat4_1: 0, - FirstCoat4_2: 0, - Punch1_1: 0, - Punch1_2: 0, - Punch4_1: 0, - Punch4_2: 0, - SecondCoat1_1: 0, - SecondCoat1_2: 0, - SecondCoat2_1: 0, - SecondCoat2_2: 0, - SecondCoat3_1: 0, - SecondCoat3_2: 0, - SecondCoat4_1: 0, - SecondCoat4_2: 0, - Temper1_1: 0, - Temper2_1: 0, - Temper3_1: 0, - Temper4_1: 0, - Unload1_1: 0, - Unload1_2: 0, - Unload2_1: 0, - Unload2_2: 0, - Unload3_1: 0, - Unload3_2: 0, - Unload4_1: 0, - Unload4_2: 0 -} -export const EquStatusEntity = createSlice({ - name: 'EquStatusEntity', - initialState, - reducers: { - UpdateEquStatus: (state, action) => { - const JsonData = action.payload; - state.CleanAfterEdge1_1 = JsonData['CleanAfterEdge1-1'].status; - state.CleanAfterEdge1_2 = JsonData['CleanAfterEdge1-2'].status; - state.CleanAfterEdge2_1 = JsonData['CleanAfterEdge2-1'].status; - state.CleanAfterEdge2_2 = JsonData['CleanAfterEdge2-2'].status; - state.CleanAfterEdge3_1 = JsonData['CleanAfterEdge3-1'].status; - state.CleanAfterEdge3_2 = JsonData['CleanAfterEdge3-2'].status; - state.CleanAfterEdge4_1 = JsonData['CleanAfterEdge4-1'].status; - state.CleanAfterEdge4_2 = JsonData['CleanAfterEdge4-2'].status; - state.CleanAfterTemper1_1 = JsonData['CleanAfterTemper1-1'].status; - state.CleanAfterTemper2_1 = JsonData['CleanAfterTemper2-1'].status; - state.CleanAfterTemper3_1 = JsonData['CleanAfterTemper3-1'].status; - state.CleanAfterTemper4_1 = JsonData['CleanAfterTemper4-1'].status; - state.CleanBeforCoat1_1 = JsonData['CleanBeforCoat1-1'].status; - state.CleanBeforCoat1_2 = JsonData['CleanBeforCoat1-2'].status; - state.CleanBeforCoat4_1 = JsonData['CleanBeforCoat4-1'].status; - state.CleanBeforCoat4_2 = JsonData['CleanBeforCoat4-2'].status; - state.Edge1_1 = JsonData['Edge1-1'].status; - state.Edge1_2 = JsonData['Edge1-2'].status; - state.Edge2_1 = JsonData['Edge2-1'].status; - state.Edge2_2 = JsonData['Edge2-2'].status; - state.Edge3_1 = JsonData['Edge3-1'].status; - state.Edge3_2 = JsonData['Edge3-2'].status; - state.Edge4_1 = JsonData['Edge4-1'].status; - state.Edge4_2 = JsonData['Edge4-2'].status; - state.FirstCoat1_1 = JsonData['FirstCoat1-1'].status; - state.FirstCoat1_2 = JsonData['FirstCoat1-2'].status; - state.FirstCoat2_1 = JsonData['FirstCoat2-1'].status; - state.FirstCoat2_2 = JsonData['FirstCoat2-2'].status; - state.FirstCoat3_1 = JsonData['FirstCoat3-1'].status; - state.FirstCoat3_2 = JsonData['FirstCoat3-2'].status; - state.FirstCoat4_1 = JsonData['FirstCoat4-1'].status; - state.FirstCoat4_2 = JsonData['FirstCoat4-2'].status; - state.Punch1_1 = JsonData['Punch1-1'].status; - state.Punch1_2 = JsonData['Punch1-2'].status; - state.Punch4_1 = JsonData['Punch4-1'].status; - state.Punch4_2 = JsonData['Punch4-2'].status; - state.SecondCoat1_1 = JsonData['SecondCoat1-1'].status; - state.SecondCoat1_2 = JsonData['SecondCoat1-2'].status; - state.SecondCoat2_1 = JsonData['SecondCoat2-1'].status; - state.SecondCoat2_2 = JsonData['SecondCoat2-2'].status; - state.SecondCoat3_1 = JsonData['SecondCoat3-1'].status; - state.SecondCoat3_2 = JsonData['SecondCoat3-2'].status; - state.SecondCoat4_1 = JsonData['SecondCoat4-1'].status; - state.SecondCoat4_2 = JsonData['SecondCoat4-2'].status; - state.Temper1_1 = JsonData['Temper1-1'].status; - state.Temper2_1 = JsonData['Temper2-1'].status; - state.Temper3_1 = JsonData['Temper3-1'].status; - state.Temper4_1 = JsonData['Temper4-1'].status; - state.Unload1_1 = JsonData['Unload1-1'].status; - state.Unload1_2 = JsonData['Unload1-2'].status; - state.Unload2_1 = JsonData['Unload2-1'].status; - state.Unload2_2 = JsonData['Unload2-2'].status; - state.Unload3_1 = JsonData['Unload3-1'].status; - state.Unload3_2 = JsonData['Unload3-2'].status; - state.Unload4_1 = JsonData['Unload4-1'].status; - state.Unload4_2 = JsonData['Unload4-2'].status; - } - } -}) - -export const {UpdateEquStatus} = EquStatusEntity.actions; - -export const selectEquStatus = (state: RootState) => state.EquStatusEntity; - -export default EquStatusEntity.reducer; \ No newline at end of file diff --git a/src/store/EquipmentMonitorEntity.ts b/src/store/EquipmentMonitorEntity.ts deleted file mode 100644 index 674fc32..0000000 --- a/src/store/EquipmentMonitorEntity.ts +++ /dev/null @@ -1,93 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -export interface Alarm { - alarmContent: string; - equName: string; - alarmCode: any; - alarmEquipmentId: number; - alarmValue: string; - alarmId: number; - alarmSource: string; -} - -export interface TickCount { - equName: string; - tickCount: number; -} - -export interface Product { - externalCode: number, - equipmentCode: number, - outputNum: number, - lineName: string, - equipmentId: number, - sectionName: string, - inputNum: number, - recordTime: number, - equipmentName: string -} - -export interface Oee { - workRate: number; - equName: string; - downRate: number; - stopRate: number; -} - -export interface EquipmentLine { - equipmentAlarm: Array, - equipmentTickCounts: Array, - equipmentOees: Array, - equipmentProductDays: Array, - equipmentProductWeeks: Array, - equipmentProductMonths: Array, - equipmentProductAll: Array, -} - -export interface EquipmentMonitorEntityInterface { - Line_1: EquipmentLine, - Line_2: EquipmentLine, - Line_3: EquipmentLine, - Line_4: EquipmentLine -} - -const emptyEquipmentLine: EquipmentLine = { - equipmentAlarm: [], - equipmentTickCounts: [], - equipmentOees: [], - equipmentProductDays: [], - equipmentProductWeeks: [], - equipmentProductMonths: [], - equipmentProductAll: [], -} - -const initialState: EquipmentMonitorEntityInterface = { - Line_1: emptyEquipmentLine, - Line_2: emptyEquipmentLine, - Line_3: emptyEquipmentLine, - Line_4: emptyEquipmentLine -} - -export const EquipmentMonitorEntity = createSlice({ - name: 'EquipmentMonitorEntity', - initialState, - reducers: { - UpdateEquipmentMonitorEntity: (state, action) => { - if (action.payload.toString().includes('客户端')) { - } else { - const BasicEquipmentMonitorEntity = JSON.parse(action.payload); - state.Line_1 = BasicEquipmentMonitorEntity.Line_1; - state.Line_2 = BasicEquipmentMonitorEntity.Line_2; - state.Line_3 = BasicEquipmentMonitorEntity.Line_3; - state.Line_4 = BasicEquipmentMonitorEntity.Line_4; - } - }, - } -}) - -export const {UpdateEquipmentMonitorEntity} = EquipmentMonitorEntity.actions; - -export const selectAllLineEquipmentData = (state: RootState) => state.EquipmentMonitorEntity; - -export default EquipmentMonitorEntity.reducer; \ No newline at end of file diff --git a/src/store/ProductionMonitoringEntity.ts b/src/store/ProductionMonitoringEntity.ts deleted file mode 100644 index 42fdc3e..0000000 --- a/src/store/ProductionMonitoringEntity.ts +++ /dev/null @@ -1,214 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -export interface alarm { - alarmContent: string; - alarmTime: string; - alarmCode: string; -} - -export interface ProductionDet { - lineName: string; - inputNum: number; - outputNum: number; - passRate: number; -} - -export interface ProductionRate { - lineName: string; - lineId: number; - lineExCode: string; - passRate: number; - time: number; -} - -export interface RateLine { - Line_1: Array, - Line_2: Array, - Line_3: Array, - Line_4: Array, -} - -export interface SingleGlassStatus { - lineViewCode: string, - status: number -} - -export interface GlassStatus { - LINE_1_1: number, - LINE_1_2U: number, - LINE_1_2D: number, - LINE_1_3: number, - LINE_1_4: number, - LINE_2_1: number, - LINE_2_2U: number, - LINE_2_2D: number, - LINE_2_3: number, - LINE_2_4: number, - LINE_3_1: number, - LINE_3_2U: number, - LINE_3_2D: number, - LINE_3_3: number, - LINE_3_4: number, - LINE_4_1: number, - LINE_4_2U: number, - LINE_4_2D: number, - LINE_4_3: number, - LINE_4_4: number, -} - -const initLineGlassStatus: GlassStatus = { - LINE_1_1: 1, - LINE_1_2U: 1, - LINE_1_2D: 1, - LINE_1_3: 1, - LINE_1_4: 1, - LINE_2_1: 1, - LINE_2_2U: 1, - LINE_2_2D: 1, - LINE_2_3: 1, - LINE_2_4: 1, - LINE_3_1: 1, - LINE_3_2U: 1, - LINE_3_2D: 1, - LINE_3_3: 1, - LINE_3_4: 1, - LINE_4_1: 1, - LINE_4_2U: 1, - LINE_4_2D: 1, - LINE_4_3: 1, - LINE_4_4: 1, -} - -export interface ProductionMonitoringEntityInterface { - sumNumber: number; - alarms: Array; - sumProductionDets: Array; - todayProductionDets: Array; - weekProductionDets: Array; - monthProductionDets: Array; - todayProductionRates: RateLine, - weekProductionRates: RateLine, - monthProductionRates: RateLine, - lineGlassStatus: GlassStatus, -} - -const emptyProductionRates: RateLine = { - Line_4: [ - { - "lineId": 1, - "lineName": "产线1", - "lineExCode": "Line_1", - "passRate": 101.88, - "time": 1676840400000 - }, - ], - Line_3: [ - { - "lineId": 1619974755856867329, - "lineName": "产线3", - "lineExCode": "Line_3", - "passRate": 32.04, - "time": 1676822400000 - } - ], - Line_2: [ - { - "lineId": 1619974755856867329, - "lineName": "产线3", - "lineExCode": "Line_3", - "passRate": 32.04, - "time": 1676822400000 - } - ], - Line_1: [ - { - "lineId": 1619974755856867329, - "lineName": "产线3", - "lineExCode": "Line_3", - "passRate": 32.04, - "time": 1676822400000 - } - ] -} - -const initialState: ProductionMonitoringEntityInterface = { - sumNumber: 0, - alarms: [], - sumProductionDets: [], - todayProductionDets: [], - weekProductionDets: [], - monthProductionDets: [], - todayProductionRates: emptyProductionRates, - weekProductionRates: emptyProductionRates, - monthProductionRates: emptyProductionRates, - lineGlassStatus: initLineGlassStatus, -} - -export const ProductionMonitoringEntity = createSlice({ - name: 'ProductionMonitoringEntity', - initialState, - reducers: { - UpdateProductionMonitoringEntity: (state, action) => { - if (action.payload.toString().includes('客户端')) { - } else { - const ProductionMonitoringEntityData = JSON.parse(action.payload); - - //sumNumber - state.sumNumber = ProductionMonitoringEntityData.alarms.length; - - //alarms - state.alarms = []; - for (let i = 0; i < 6; i++) { - state.alarms.push({ - alarmContent: ProductionMonitoringEntityData.alarms[i].alarmContent, - alarmCode: ProductionMonitoringEntityData.alarms[i].alarmCode, - alarmTime: new Date(ProductionMonitoringEntityData.alarms[i].alarmTime).toLocaleDateString(), - } - ) - } - - //sumProductionDets - state.sumProductionDets = ProductionMonitoringEntityData.sumProductionDets; - - //todayProductionDets - state.todayProductionDets = ProductionMonitoringEntityData.todayProductionDets; - - - //weekProductionDets - state.weekProductionDets = ProductionMonitoringEntityData.weekProductionDets; - - //monthProductionDets - state.monthProductionDets = ProductionMonitoringEntityData.monthProductionDets; - - //todayProductionRates - state.todayProductionRates = ProductionMonitoringEntityData.todayProductionRates; - - //weekProductionRates - state.weekProductionRates = ProductionMonitoringEntityData.weekProductionRates; - - //monthProductionRates - state.monthProductionRates = ProductionMonitoringEntityData.monthProductionRates; - - } - }, - UpdateGlassStatus: (state, action) => { - //lineGlassStatus - state.lineGlassStatus = action.payload; - } - } -}) - -export const {UpdateProductionMonitoringEntity, UpdateGlassStatus} = ProductionMonitoringEntity.actions; - -export const selectAlarms = (state: RootState) => state.ProductionMonitoringEntity.alarms; -export const selectSumNumber = (state: RootState) => state.ProductionMonitoringEntity.sumNumber; -export const selectSumProductionDets = (state: RootState) => state.ProductionMonitoringEntity.sumProductionDets; -export const selectTodayProductionDets = (state: RootState) => state.ProductionMonitoringEntity.todayProductionDets; -export const selectWeekProductionDets = (state: RootState) => state.ProductionMonitoringEntity.weekProductionDets; -export const selectMonthProductionDets = (state: RootState) => state.ProductionMonitoringEntity.monthProductionDets; -export const selectTodayProductionRates = (state: RootState) => state.ProductionMonitoringEntity.todayProductionRates; -export const selectWeekProductionRates = (state: RootState) => state.ProductionMonitoringEntity.weekProductionRates; -export const selectMonthProductionRates = (state: RootState) => state.ProductionMonitoringEntity.monthProductionRates; -export const selectGlassStatus = (state: RootState) => state.ProductionMonitoringEntity.lineGlassStatus; -export default ProductionMonitoringEntity.reducer; \ No newline at end of file diff --git a/src/store/QualityMonitorEntity.ts b/src/store/QualityMonitorEntity.ts deleted file mode 100644 index dfc9a8a..0000000 --- a/src/store/QualityMonitorEntity.ts +++ /dev/null @@ -1,64 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -export interface Quality { - num: number; - sort: number; - content: string; -} - -export interface QualityLineAll { - Line_1: Array; - Line_2: Array; - Line_3: Array; - Line_4: Array; -} - -export interface QualityMonitorEntityInterface { - todayQualityAll: Array; - weekQualityAll: Array; - monthQualityAll: Array; - todayQualityLineAll: QualityLineAll; - weekQualityLineAll: QualityLineAll; - monthQualityLineAll: QualityLineAll; -} - -const emptyQualityLineAll: QualityLineAll = { - Line_1: [], - Line_2: [], - Line_3: [], - Line_4: [] -} - -const initialState: QualityMonitorEntityInterface = { - todayQualityAll: [], - weekQualityAll: [], - monthQualityAll: [], - todayQualityLineAll: emptyQualityLineAll, - weekQualityLineAll: emptyQualityLineAll, - monthQualityLineAll: emptyQualityLineAll -} - -export const QualityMonitorEntity = createSlice({ - name: 'QualityMonitorEntity', - initialState, - reducers: { - UpdateQualityMonitorEntity: (state, action) => { - if (action.payload.toString().includes('客户端')) { - } else { - const QualityMonitorEntityData = JSON.parse(action.payload); - state.todayQualityAll = QualityMonitorEntityData.todayQualityAll; - state.weekQualityAll = QualityMonitorEntityData.weekQualityAll; - state.monthQualityAll = QualityMonitorEntityData.monthQualityAll; - state.todayQualityLineAll = QualityMonitorEntityData.todayQualityLineAll; - state.weekQualityLineAll = QualityMonitorEntityData.weekQualityLineAll; - state.monthQualityLineAll = QualityMonitorEntityData.monthQualityLineAll; - } - } - } -}) - -export const {UpdateQualityMonitorEntity} = QualityMonitorEntity.actions - -export const selectQualityMonitorEntity = (state: RootState) => state.QualityMonitorEntity; -export default QualityMonitorEntity.reducer; \ No newline at end of file diff --git a/src/store/myDataSlice.ts b/src/store/myDataSlice.ts deleted file mode 100644 index a162cc0..0000000 --- a/src/store/myDataSlice.ts +++ /dev/null @@ -1,27 +0,0 @@ -import {createSlice} from "@reduxjs/toolkit"; -import type {RootState} from "./store"; - -export interface MyDataSlice { - value: number; -} - -const initialState: MyDataSlice = { - value: 0, -} - -export const myDataSlice = createSlice({ - name: 'myData', - initialState, - reducers: { - addMyData: (state) => { - state.value += 1 - } - }, -}) - -export const {addMyData} = myDataSlice.actions; - -export const selectMyData = (state: RootState) => state.myData.value; - -export default myDataSlice.reducer; - diff --git a/src/store/store.ts b/src/store/store.ts index e07f4c3..679fdb1 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -1,26 +1,12 @@ import {configureStore} from '@reduxjs/toolkit'; -import myDataReducer from "./myDataSlice"; -import ProductionMonitoringEntityReducer from "./ProductionMonitoringEntity"; -import ChangeCssReducer from "./ChangeLangAndCss"; import ChangeLineIDReducer from "./ChangeLineID"; -import EquipmentMonitorEntityReducer from "./EquipmentMonitorEntity"; -import QualityMonitorEntityReducer from "./QualityMonitorEntity" -import ChangeSwitchStateReducer from "./ChangeSwitchState" -import EquStatusEntityReducer, {EquStatusEntity} from "./EquStatusEntity" import LinePageReducer from "./LinePageSlice" import LeaderPageReducer from './LeaderPageSlice'; export const store = configureStore({ reducer: { - myData: myDataReducer, - ProductionMonitoringEntity: ProductionMonitoringEntityReducer, - ChangeCss: ChangeCssReducer, ChangeLineID: ChangeLineIDReducer, - EquipmentMonitorEntity: EquipmentMonitorEntityReducer, - QualityMonitorEntity: QualityMonitorEntityReducer, - ChangeSwitchState: ChangeSwitchStateReducer, - EquStatusEntity: EquStatusEntityReducer, LinePageSlice: LinePageReducer, LeaderPageSlice: LeaderPageReducer },