*/}\n
\n
{ mainContext.setFlagOpenTutorial(false); }}\n />\n \n \n \n )\n}\n\nexport default ModalTutorial;","import React, { createContext, useContext, useEffect, useRef, useState } from \"react\";\nimport styled from \"styled-components\";\n\nimport { Block, ContainerBox } from \"../common/StyleMasterComp\";\nimport { ModalBoothList, ModalCatalog, ModalMovie } from \"../modals\";\nimport Utils_ui from \"../common/Utils_ui\";\n\n\nimport Communicator from \"../../common/Communicator\";\nimport CommunicatorEvent from \"../../common/event/CommunicatorEvent\";\nimport Constants_ui from \"../common/Constants_ui\";\n\nimport {AudioBgm, Topmenu} from \"../components/pageMain\";\nimport ChatingBox from \"../components/pageMain/ChatingBox\";\n\n// import ReactGA from 'react-ga';\nimport { customEvent, pageView } from \"../common/ga\";\nimport ModalLoading from \"../modals/ModalLoading\";\nimport ModalTutorial from \"../modals/ModalTutorial\";\n\nlet ChatingBoxContainer = styled.div`\n position: absolute;\n bottom: 15px;\n left: 15px;\n`;\n\n\nlet ChatdataDefault = [\n { roomType: \"Room_Type_Normal\", messageType: \"chatting\", name: \"SMG\", msg: \"안녕하세요, 버추얼 새만금에 오신 것을 환영합니다. 왼쪽 상단에는 전체를 볼 수 있는 월드맵이, 오른쪽 상단에는 인게이지 메타버스에 쉽게 접근할수 있는 목록이 있습니다.\" }\n , { roomType: \"Room_Type_Lobby\", messageType: \"chatting\", name: \"SMG\", msg: \"안녕하세요, 버추얼 새만금에 오신 것을 환영합니다. 왼쪽 상단에는 전체를 볼 수 있는 월드맵이, 오른쪽 상단에는 인게이지 메타버스에 쉽게 접근할수 있는 목록이 있습니다.\" }\n]\n\n\nexport const MainContext = createContext(null);\n\nfunction PageMain(props){\n let [isControlMode, setControlMode] = useState(true);\n let [isBoothListView, setBoothListView] = useState(false);\n let [isEnterBooth, setIsEnterBooth] = useState(false);\n let [flagOpenTutorial, setFlagOpenTutorial] = useState(true);\n\n let [isUseChatRoom, setUseChatRoom] = useState(false);\n let [chatData, setChatData] = useState(ChatdataDefault);\n\n let [isOpenCatalog, setOpenCatalog] = useState(false);\n let [arrCatalogData, setCatalogData] = useState([]);\n \n const sampleRef = useRef({});\n const contextValue = {\n setBoothListView, // context에 bootListView를 show할 flag변수의 set 함수를 설정\n setFlagOpenTutorial,\n }\n\n let worldMapMode = (_isWorldMapView) =>{\n if(_isWorldMapView === null) return;\n\n if(_isWorldMapView) Communicator.sendEvent(CommunicatorEvent.CHANGE_CAMERA_MODE, \"Play_Mode\");\n else Communicator.sendEvent(CommunicatorEvent.CHANGE_CAMERA_MODE, \"Mini_Map_Mode\");\n \n setControlMode(_isWorldMapView);\n }\n\n // 만족도 조사 버튼 클릭\n let satisfactionUrl = () => {\n window.open(\"https://forms.gle/2xVdNY99sbABrwnG8\", '_blank');\n }\n\n // 부스 리스트 버튼 클릭\n let boothListModal = () => {\n setBoothListView(true);\n }\n\n //부스 리스트 팝업에서 이동 버튼 클릭 시\n let sendTenant = (_objVar) => {\n console.log(\"sendTenant\")\n Communicator.sendEvent(CommunicatorEvent.GO_TO_TENANT, { id: _objVar.id });\n setBoothListView(false)\n setControlMode(true);\n }\n\n //서버에서 보내온 신규 챗 데이터\n let updateChatData = (_objVar) => {\n ChatdataDefault = [...ChatdataDefault, { roomType: _objVar.roomType, messageType: _objVar.messageType, name: _objVar.name, msg: _objVar.msg }];\n //ChatdataDefault.push({ roomType: _objVar.roomType, messageType: _objVar.messageType, name: _objVar.name, msg: _objVar.msg });\n setChatData(ChatdataDefault);\n }\n\n\n let sendChatData = (_objVar) => {\n if (_objVar.menuIndex === 0) {\n if(!Constants_ui.TESTMODE_CHAT)\n {\n Communicator.sendEvent(CommunicatorEvent.SEND_CHAT_MESSAGE,\n { roomType: \"Room_Type_Normal\", messageType: \"chatting\", msg: _objVar.msg });\n }else{\n updateChatData({ roomType: \"Room_Type_Normal\", messageType: \"chatting\", msg: _objVar.msg, name:\"테스트모드\"})\n }\n } else {\n Communicator.sendEvent(CommunicatorEvent.SEND_CHAT_MESSAGE,\n { roomType: \"Room_Type_Lobby\", messageType: \"chatting\", msg: _objVar.msg });\n }\n }\n\n let [isBgmPlay,setBgmPlay] = useState(true);\n let [isOpenVideo, setOpenVideo] = useState(false);\n let [strVideoUrl, setVideoUrl] = useState('');\n\n let onOpenVideo = (_strVars) => {\n //console.log('비디오 팝업 URL:', _strVars);\n if (_strVars !== \"\") {\n setVideoUrl(_strVars);\n setOpenVideo(true);\n setBgmPlay(false);\n }\n }\n\n let onOpenBoardVideo= (_objVar) => {\n console.log(\"onOpenBoardVideo :\", _objVar);\n if (_objVar.boardType === \"A\") {\n // ReactGA.event({\n // category: \"총장님 말씀 전광판\"\n // , action: \"전광판 클릭\"\n // , label: \"동영상 팝업\"\n // });\n customEvent(\"총장님 말씀 전광판\",\"전광판 클릭\",\"동영상 팝업\")\n } else if (_objVar.boardType === \"B\") {\n // ReactGA.event({\n // category: \"산관학 전광판\"\n // , action: \"전광판 클릭\"\n // , label: \"동영상 팝업\"\n // });\n customEvent(\"산관학 전광판\",\"전광판 클릭\",\"동영상 팝업\");\n }\n onOpenVideo(_objVar.url);\n }\n\n let onOpenCatalog = (_strVars) => {\n //console.log('이미지 팝업 URL:', _strVars);\n if (_strVars !== \"\") {\n setCatalogData(_strVars);\n setOpenCatalog(true);\n }\n }\n\n let onOpenUrl = (_strUrl) => {\n if (_strUrl !== \"\") window.open(_strUrl, '_blank');\n }\n\n let onOpenPDFUrl=(_strUrl)=>{\n if (_strUrl !== \"\") window.open(_strUrl, '_blank');\n }\n\n let onEnterBooth=(_objVar)=>{\n console.log(\"onEnterBooth :\", _objVar);\n if(_objVar !== null && _objVar.name !== \"\")\n // ReactGA.event({\n // category: '부스 입장',\n // action: '부스 이동',\n // label:_objVar.name+\" 입장\"\n // });\n setIsEnterBooth(true); // 부스 애니메이션 시작\n customEvent('부스 입장','부스 이동',_objVar.name+\" 입장\"); //통계\n }\n\n useEffect(() => {\n \n Communicator.reciveEvent(CommunicatorEvent.OPEN_VIDEO, onOpenVideo);\n Communicator.reciveEvent(CommunicatorEvent.OPEN_CATALOG, onOpenCatalog);\n \n //전광판 클릭 시 영상 재생팝업\n Communicator.reciveEvent(CommunicatorEvent.OPEN_BOARDVIDEO, onOpenBoardVideo);\n\n Communicator.reciveEvent(CommunicatorEvent.OPEN_URL_LINK, onOpenUrl);\n Communicator.reciveEvent(CommunicatorEvent.OPEN_PDF, onOpenPDFUrl);\n\n Communicator.reciveEvent(CommunicatorEvent.ENTER_BOOTH, onEnterBooth);\n Communicator.reciveEvent(CommunicatorEvent.RECEIVE_CHAT_MESSAGE, updateChatData);\n\n Communicator.reciveEvent(CommunicatorEvent.ANIMEND_BOOTH,()=>{setIsEnterBooth(false)});\n pageView(\"/main\"); //통계\n }, [])\n\n return(\n
\n \n \n \n \n \n \n \n {\n (isControlMode) \n ? \n : null\n }\n \n \n\n {isBoothListView ? :null }\n {isOpenVideo ? : null}\n {isOpenCatalog ? : null}\n {isEnterBooth ? : null}\n {flagOpenTutorial ? : null}\n \n\n \n )\n}\n\nexport default PageMain;","import { debounce } from 'lodash';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Block } from \"./common/StyleMasterComp\";\n\nimport DataManager from '../common/data/DataManager';\nimport Constants_ui from './common/Constants_ui';\nimport Utils_ui from './common/Utils_ui';\n\nimport PageAuth from './page/PageAuth';\nimport PageLoading from './page/PageLoading';\nimport PageMain from './page/PageMain';\n\nlet AppContainerBox = styled.div`\n margin:0; padding:0;\n width: 100vw; \n height: ${props => ((props.ContainerHeight))};\n pointer-events:none;\n position: fixed;\n`;\n\nlet m_arrData = [];\n\nfunction App() {\n const [strSelectPageName, setSelectPageName] = useState(Constants_ui.PAGE_START);\n const [windowSize, setWindowSize] = useState({\n Width: window.innerWidth,\n Height: window.innerHeight\n });\n\n // handleResize 함수를 debounce로 감싸고, 시간을 설정한다\n // 1000ms = 1sec\n const handleResize = debounce(() => {\n setWindowSize({\n Width: window.innerWidth,\n Height: window.innerHeight\n });\n }, 500);\n \n useEffect(() => {\n window.addEventListener('resize', handleResize);\n return () => { // cleanup \n window.removeEventListener('resize', handleResize);\n }\n }, [handleResize]);\n\n\n \n useEffect(()=>{\n m_arrData = DataManager.GetCompanyDatas();\n let tempData = [...m_arrData];\n tempData = Utils_ui.SortJSON(tempData, \"id\", \"asc\");\n m_arrData = [...tempData];\n console.log(tempData)\n\n console.log(\"ENV : \", process.env);\n },[]);\n\n return (\n
\n {\n Constants_ui.TESTMODE\n ?testMode : {windowSize.Width},{windowSize.Height}, ver : {process.env.REACT_APP_VERSION} \n :null\n }\n \n \n \n );\n}\n\nfunction SelectSubPage(props) {\n if (props.strPageName === Constants_ui.PAGE_LOADING){\n return
;\n } else if (props.strPageName === Constants_ui.PAGE_AUTH) {\n return ;\n } else if (props.strPageName === Constants_ui.PAGE_MAIN) {\n return ;\n }\n}\n\nexport default App;","import Communicator from '../common/Communicator.js';\nimport Constants from '../common/Constants.js';\nimport CommunicatorEvent from '../common/event/CommunicatorEvent.js';\nexport default class LoadingProgressManager\n{\n static LOADED_DATA;\n\n constructor(_objInit)\n {\n //super();\n if (_objInit !== LoadingProgressManager.m_objInit) \n {\n throw new Error( \"LoadingProgressManager 생성은 다음과 같이 해주세요 - LoadingProgressManager.GetInstance()\" ); \n // return;\n }\n }\n\n static GetInstance(_scene, _avatar)\n {\n if(LoadingProgressManager.m_loadingProgressManager == null) \n {\n LoadingProgressManager.m_loadingProgressManager = new LoadingProgressManager(LoadingProgressManager.m_objInit);\n LoadingProgressManager.m_objInit = {};\n\n LoadingProgressManager.LOADED_DATA = 0;\n }\n return LoadingProgressManager.m_loadingProgressManager;\n }\n\n \n static AddData(_nData){\n if(_nData === NaN || NaN === undefined)return;\n LoadingProgressManager.LOADED_DATA += _nData;\n let nPercent = LoadingProgressManager.LOADED_DATA / Constants.TOTAL_DATA * 100;\n //console.log(\"AddData :::: \", _nData, LoadingProgressManager.LOADED_DATA, nPercent);\n Communicator.sendEvent(CommunicatorEvent.WORLD_LOADING, nPercent);\n }\n};\n\n","/**\n @Class : Avatar\n @Maker : 윤휘원 (박정훈 팀장님 작업 상속)\n @Date : 2022-01-05\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 아바타 클래스\n */\n\nimport * as BABYLON from 'babylonjs';\nimport LoadingProgressManager from './LoadingProgressManager';\nimport * as GUI from 'babylonjs-gui';\nimport Constants from '../common/Constants';\nimport EventDispatcher from '../common/event/EventDispatcher';\nimport gsap from \"gsap\";\nimport Utils from '../common/Utils';\n\nexport default class Avatar extends EventDispatcher {\n 'use strict';\n\n static LOAD_COMPLETE = \"Load_Complete\";\n static MAKE_COUNT = 0;\n static AVATAR_MESH = null;\n\n /**\n *===============================================================================\n * constructor() :\n * @param _strMeshURL : \n *===============================================================================\n */\n constructor(_strMeshURL = null, _isHost = true, name=null) {\n super();\n\n Avatar.MAKE_COUNT += 1;\n this.strUniqueID = \"_\" + String(Avatar.MAKE_COUNT);\n\n this.strMeshURL = _strMeshURL;\n this.meshAvatar = null;\n this.meshShadow = null;\n this.meshBody = null;\n this.meshHead = null;\n this.meshNavi = null;\n this.strName = name;\n this.planeText = null;\n this.isGo = false;\n this.isHost = _isHost;\n this.nNamePosition = 1.6;\n this.iSwingCountFrame = 0;\n this.iSwingCycle = Utils.Random(30, 50);\n this.nSwingSpeed = 2;\n this.nFloatingAmplitude = .2;\n this.sweatParticle1 = null;\n this.sweatParticle2 = null;\n this.sweat = null;\n this.walkAnimation = null;\n this.isIdleAnim = false;\n this.agentIndex = null;\n\n this.statusData = {\n position: {\n x: 0,\n y: 0,\n z: 0\n },\n rotation: {\n x: 0,\n y: 0,\n z: 0\n },\n name: \"younghee\"\n }\n\n this.camera = null;\n this.isBoothMode = false;\n this.init();\n }\n\n /**\n *===============================================================================\n * dispose() :\n *===============================================================================*/\n dispose() {\n //console.log(\":::::: Avatar dipose ::::::\");\n this.iSwingCountFrame = 0;\n Constants.SCENE.onBeforeAnimationsObservable.removeCallback(this.onMoveAvatar.bind(this));\n Constants.SCENE.onBeforeAnimationsObservable.removeCallback(this.onFlowNameteg.bind(this));\n Constants.SCENE.onBeforeAnimationsObservable.removeCallback(this.floating.bind(this));\n\n if (this.textblock) this.textblock.dispose();\n if (this.planeText) this.planeText.dispose();\n\n this.strMeshURL = null;\n if ( this.meshShadow )\n {\n this.meshShadow.material.dispose();\n this.meshShadow.dispose();\n }\n this.meshAvatar.dispose();\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================*/\n async init() {\n this.setNavimesh();\n await this.loadMesh();\n\n // KDG\n // this.setFirstPersonMove();\n }\n\n /**\n *===============================================================================\n * loadMesh() : 아바타 로드\n *===============================================================================*/\n async loadMesh() {\n let loadData = 0;\n\n const onMeshLoadProgress = (_data) => {\n let dataUnit = _data.loaded - loadData;\n loadData = _data.loaded;\n LoadingProgressManager.AddData(dataUnit);\n }\n // 아바타 파일 로드\n let avatarLoad = null;\n if ( Avatar.AVATAR_MESH && !this.strMeshURL )\n {\n console.log(\"---=== 기존 아바타 사용\");\n this.meshAvatar = Avatar.AVATAR_MESH.clone(this.strName);\n this.setShadow(true);\n }\n else\n {\n console.log(\"---=== 아바타 새로 로드\");\n avatarLoad = await BABYLON.SceneLoader.ImportMeshAsync(\"\", Constants.ASSETS_URL, this.strMeshURL, Constants.SCENE, onMeshLoadProgress);\n this.meshAvatar = avatarLoad.meshes[0];\n if ( !Avatar.AVATAR_MESH )\n Avatar.AVATAR_MESH = this.meshAvatar;\n this.meshAvatar.name = \"player\" + this.strUniqueID;\n this.meshAvatar.position = new BABYLON.Vector3(Constants.STARTING_POINT.x, Constants.STARTING_POINT.y, Constants.STARTING_POINT.z);\n this.setShadow();\n\n }\n // KDG\n // let scale = .7;\n let scale = 1.0;\n this.meshAvatar.scaling = new BABYLON.Vector3(scale, scale, scale);\n this.meshAvatar.animations.forEach( i=> { i.speedRatio=.9; } );\n // console.log(\"avatar animation : \", this.mesh, Constants.SCENE.animationGroups);\n // console.log(\"avatar animation : \", this.meshAvatar, this.meshAvatar.animations);\n\n // this.meshBody = Constants.SCENE.getMeshByName(\"Yirumae_Idle\");\n // this.meshBody = Constants.SCENE.getMeshByName(\"Null.2 (Copy)\");\n // this.meshBody.material.name = \"Mat_Yirumae\";\n\n // this.meshBody = this.meshAvatar.clone(\"MeshBody\");\n // this.meshBody.material = new BABYLON.StandardMaterial(\"matMeshBody\", Constants.SCENE);\n // console.log(\"메쉬 바디 : \", this.meshBody);\n // this.meshBody.material._roughness = 1\n // this.meshBody.name = this.meshBody.name + this.strUniqueID;\n\n if (Constants.SCENE.animationGroups.length > 0) {\n for (let i = 0; i < Constants.SCENE.animationGroups.length; i++) {\n if (Constants.SCENE.animationGroups[i].name === \"Armature|Take 001|BaseLayer\") {\n this.walkAnimation = Constants.SCENE.animationGroups[i];\n this.walkAnimation.name = \"PlayerAnimation\"\n this.walkAnimation.speedRatio = 0.3;\n this.walkAnimation.start(true, 0.3, this.walkAnimation.from, this.walkAnimation.to/2)\n }\n }\n }\n\n let loadData2 = 0;\n const onMeshLoadProgress2 = (_data) => {\n let dataUnit = _data.loaded - loadData2;\n loadData2 = _data.loaded;\n LoadingProgressManager.AddData(dataUnit);\n }\n\n // 아바타 이동시 땀 파일 로드\n let avatarSweatLoad = await BABYLON.SceneLoader.ImportMeshAsync(\"\", Constants.ASSETS_URL, Constants.AVATAR_SWEAT_FILE_NAME, Constants.SCENE, onMeshLoadProgress2);\n this.sweat = avatarSweatLoad.meshes[0];\n this.sweat.parent = this.meshAvatar;\n this.sweat.setEnabled(false);\n }\n\n /**\n *===============================================================================\n * setShadow() : 그림자 설정\n *===============================================================================*/\n // KDG - player와 봇의 그림자를 사용하면 느려져 성능이 대폭 저하되어 일단 뺌\n setShadow( flagIsBot=false ) {\n // let mat = new BABYLON.StandardMaterial(\"mat_shadow\", Constants.SCENE);\n // this.meshShadow = new BABYLON.Mesh.CreatePlane(\"avatar_shadow\", 2, Constants.SCENE);\n // this.meshShadow.material = mat;\n // mat.opacityTexture = new BABYLON.Texture(Constants.AVATAR_SHADOW_IMAGE_URL, Constants.SCENE);\n // mat.opacityTexture.hasAlpha = true;\n // mat.opacityTexture.level = 2;\n // mat.alpha = .3;\n // mat.diffuseColor = new BABYLON.Color3(0, 0, 0);\n\n // // const p = this.meshAvatar.position;\n // // this.meshShadow.position = new BABYLON.Vector3(p.x, 0.1, p.z);\n // this.meshShadow.position.y = 0.3;\n // this.meshShadow.rotation = new BABYLON.Vector3(BABYLON.Tools.ToRadians(90), BABYLON.Tools.ToRadians(180), 0);\n // this.meshShadow.scaling = new BABYLON.Vector3(.7, .7, .7);\n\n // this.meshShadow.visibility = .4;\n // this.meshShadow.parent = this.meshAvatar;;\n\n Constants.SCENE.onBeforeAnimationsObservable.add(this.floating.bind(this));\n if (this.isHost) Constants.SCENE.onBeforeAnimationsObservable.add(this.onMoveAvatar.bind(this));\n\n this.dispatchEvent({\n type: Avatar.LOAD_COMPLETE,\n data: null\n })\n }\n\n /**\n *===============================================================================\n * setNavimesh() : navimesh용 객체 생성\n *===============================================================================*/\n setNavimesh() {\n // KDG 아바타 발밑 네모\n this.meshNavi = BABYLON.MeshBuilder.CreateBox(\"NavimeshAgent\", {\n size: .01,\n height: .01\n }, this.scene);\n this.meshNavi.position.y = 0.2;\n // KDG\n // this.meshNavi.isVisible = false;\n this.meshNavi.isVisible = true;\n this.meshNavi.visibility = .3;\n }\n\n /**\n *===============================================================================\n * makeNameText() : 아바타 네임택 설정\n *===============================================================================*/\n makeNameText() {\n if (this.strName === undefined) this.strName = \"Nickname\"\n\n const planeText = this.meshAvatar.getChildren(null, false).find(i=>i.name.indexOf('NameBoard')>=0);\n console.log(\"이름 세팅 \", planeText, this.meshAvatar.getChildren(null, false));\n if ( planeText )\n {\n planeText.parent = null;\n planeText.dispose();\n }\n\n this.planeText = BABYLON.Mesh.CreatePlane(\"NameBoard\", 3, Constants.SCENE, false);\n this.planeText.isPickable = false;\n this.planeText.material = new BABYLON.StandardMaterial(\"NameBoard_met\", Constants.SCENE);\n this.planeText.scaling.scaleInPlace(1.5);\n //this.planeText.material.transparencyMode = 3;\n\n // if (this.meshAvatar) {\n // this.planeText.position.x = this.meshAvatar.position.x;\n // this.planeText.position.z = this.meshAvatar.position.z;\n this.planeText.position.y = this.meshAvatar.position.y + this.nNamePosition; //2.5;\n // }\n this.planeText.parent = this.meshAvatar;\n\n this.planeText.billboardMode = BABYLON.AbstractMesh.BILLBOARDMODE_ALL;\n\n var advancedTexture = GUI.AdvancedDynamicTexture.CreateForMesh(this.planeText, 512, 512, true, true);\n advancedTexture.isPickable = false;\n //advancedTexture.transparencyMode = 3;\n\n var panel = new GUI.StackPanel();\n advancedTexture.addControl(panel);\n\n this.textblock = new GUI.TextBlock();\n this.textblock.height = \"1000px\";\n this.textblock.color = \"#FFFFFF\";\n this.textblock.fontSize = 30;\n this.textblock.fontFamily = 'Nanum Gothic';\n this.textblock.fontStyle = \"Bold\";\n this.textblock.disabledColor = \"#555555\";\n this.textblock.text = this.strName;\n this.textblock.drawOutline = true;\n this.textblock.outlineColor = \"#999999\";\n this.textblock.outlineWidth = 5;\n\n console.log(\"NameText : \", this.textblock.text);\n\n panel.addControl(this.textblock);\n\n Constants.SCENE.onBeforeAnimationsObservable.add(this.onFlowNameteg.bind(this));\n }\n\n /**\n *===============================================================================\n * get status() : status getter\n * @return : status 객체\n *===============================================================================*/\n get status() {\n return this.statusData;\n }\n\n /**\n *===============================================================================\n * set name() : 회원 닉네임 setter\n * @param _strName : 회원 닉네임 스트링\n *===============================================================================*/\n set name(_strName) {\n this.strName = _strName;\n this.statusData.name = _strName;\n\n if (_strName.indexOf(\"[GM]\") !== -1) {\n this.meshAvatar.scaling = new BABYLON.Vector3(1.5, 1.5, 1.5);\n this.meshShadow.scaling = new BABYLON.Vector3(1.5, 1.5, 1.5);\n this.nNamePosition = 3;\n }\n this.makeNameText();\n }\n\n /**\n *===============================================================================\n * get name() : 회원 닉네임 getter\n * @return : 회원 닉네임 스트링\n *===============================================================================*/\n get name() {\n return this.statusData.name;\n }\n\n /**\n *===============================================================================\n * set position() : 아바타 포지션 setter\n * @param _vecPosition : 아바타 포지션 BABYLON.Vector3\n *===============================================================================*/\n set position(_vecPosition) {\n this.meshAvatar.position = _vecPosition;\n if ( this.meshShadow )\n {\n this.meshShadow.position.x = _vecPosition.x;\n this.meshShadow.position.z = _vecPosition.z;\n }\n\n //this.meshAvatar.position.y = _vecPosition.y;\n }\n\n /**\n *===============================================================================\n * get position() : 아바타 포지션 getter\n * @return : 아바타 포지션 BABYLON.Vector3\n *===============================================================================*/\n get position() {\n\n return this.meshAvatar.position;\n }\n\n /**\n *===============================================================================\n * set rotation() : 아바타 로테이션 setter\n * @param _vecRotation : 아바타 로테이션 BABYLON.Vector3\n *===============================================================================*/\n set rotation(_vecRotation) {\n this.meshAvatar.rotation = _vecRotation;\n }\n\n /**\n *===============================================================================\n * get rotation() : 아바타 로테이션 getter\n * @return : 아바타 로테이션 BABYLON.Vector3\n *===============================================================================*/\n get rotation() {\n\n return this.meshAvatar.rotation;\n }\n\n /**\n *===============================================================================\n * set mesh() : 아바타 포지션 setter\n * @param _vecPosition : 아바타 포지션 BABYLON.Vector3\n *===============================================================================*/\n get mesh() {\n return this.meshAvatar;\n }\n\n /**\n *===============================================================================\n * get position() : nevimesh용 객체 getter\n * @return : nevimesh용 mesh 객체\n *===============================================================================*/\n get meshNevi() {\n return this.meshNavi;\n }\n\n /**\n *===============================================================================\n * onMoveAvatar() : 아바타 이동 -- 포지션 및 로테이션 상태 업데이트\n *===============================================================================*/\n onMoveAvatar() {\n this.meshAvatar.position.x = this.meshNavi.position.x;\n this.meshAvatar.position.z = this.meshNavi.position.z;\n this.meshAvatar.rotation.y = this.meshNavi.rotation.y;\n // this.meshShadow.position.y = this.meshNavi.position.y;\n\n // 멀티플레이 전송용\n this.statusData.position.x = this.meshAvatar.position.x;\n this.statusData.position.z = this.meshAvatar.position.z;\n this.statusData.rotation.x = this.meshAvatar.rotation.x;\n this.statusData.rotation.y = this.meshAvatar.rotation.y;\n this.statusData.rotation.z = this.meshAvatar.rotation.z;\n\n if ( this.meshShadow )\n {\n // this.statusData.position.x = this.meshShadow.position.x = this.meshAvatar.position.x;\n this.meshShadow.position.y = this.meshNavi.position.y;\n // this.statusData.position.z = this.meshShadow.position.z = this.meshAvatar.position.z;\n this.meshShadow.rotation = new BABYLON.Vector3(BABYLON.Tools.ToRadians(90), this.meshAvatar.rotation.y, 0);\n\n }\n\n }\n\n /**\n *===============================================================================\n * onFlowNameteg() : 네임텍 Flowing 이벤트\n *===============================================================================*/\n onFlowNameteg() {\n // this.planeText.position.x = this.meshAvatar.position.x;\n // this.planeText.position.z = this.meshAvatar.position.z;\n // this.planeText.position.y = this.meshAvatar.position.y + this.nNamePosition; //2.5;\n }\n\n /**\n *===============================================================================\n * floating() : 플로팅 애니메이션\n *===============================================================================*/\n floating() {\n this.iSwingCountFrame++;\n let degree = Math.sin(this.iSwingCountFrame / (this.iSwingCycle) * this.nSwingSpeed) * this.nFloatingAmplitude + 0.75;\n if (this.meshAvatar) this.meshAvatar.position.y = degree;\n }\n\n /**\n *===============================================================================\n * onMoveStart() : 캐릭터 움직임 시작 -- 캐릭터 이동 모션\n *===============================================================================*/\n onMoveStart() {\n if (this.isGo) return;\n\n this.sweat.setEnabled(true);\n if ( this.walkAnimation )\n this.walkAnimation.speedRatio = 1;\n\n this.isGo = true;\n this.meshAvatar.rotation = new BABYLON.Vector3(0, this.meshNavi.rotation.y, BABYLON.Tools.ToRadians(0));\n\n gsap.to(this.meshAvatar.rotation, {\n duration: .5,\n x: BABYLON.Tools.ToRadians(20),\n ease: \"power1.outout\"\n });\n }\n\n /**\n *===============================================================================\n * onMoveStop() : 캐릭터 멈춤 -- 캐릭터 멈춤 모션\n *===============================================================================*/\n onMoveStop() {\n this.isGo = false;\n gsap.to(this.meshAvatar.rotation, {\n duration: 1,\n x: BABYLON.Tools.ToRadians(0),\n ease: \"power1.outout\"\n });\n\n if ( this.sweat )\n {\n this.sweat.setEnabled(false);\n if ( this.walkAnimation )\n this.walkAnimation.speedRatio = 0.3;\n\n }\n }\n\n // KDG\n setFirstPersonMove()\n {\n // console.log(\"physics ok? : \", Constants.SCENE.getPhysicsEngine().isSupported());\n // var physicsPlugin = new BABYLON.CannonJSPlugin();\n // var physicsPlugin = new BABYLON.OimoJSPlugin();\n // Constants.SCENE.enablePhysics(new BABYLON.Vector3(0, -9,8, 0), physicsPlugin);\n\n this.meshAvatar.physicsImpostor = new BABYLON.PhysicsImpostor(this.meshAvatar, BABYLON.PhysicsImpostor.BoxImpostor, { mass: 1, restitution: 0.0, friction: 0.1 }, Constants.SCENE);\n var moveForward = false;\n var moveBackward = false;\n var moveRight = false;\n var moveLeft = false;\n\n var onKeyDown = function (event)\n {\n switch (event.keyCode)\n {\n case 38: // up\n case 87: // w\n moveForward = true;\n break;\n\n case 37: // left\n case 65: // a\n moveLeft = true; break;\n\n case 40: // down\n case 83: // s\n moveBackward = true;\n break;\n\n case 39: // right\n case 68: // d\n moveRight = true;\n break;\n\n case 32: // space\n break;\n }\n };\n\n var onKeyUp = function (event)\n {\n switch (event.keyCode)\n {\n case 38: // up\n case 87: // w\n moveForward = false;\n break;\n\n case 37: // left\n case 65: // a\n moveLeft = false;\n break;\n\n case 40: // down\n case 83: // a\n moveBackward = false;\n break;\n\n case 39: // right\n case 68: // d\n moveRight = false;\n break;\n }\n };\n\n document.addEventListener('keydown', onKeyDown, false);\n document.addEventListener('keyup', onKeyUp, false);\n\n\n Constants.SCENE.registerBeforeRender(function ()\n {\n //Your code here\n //Step\n //let stats = document.getElementById(\"stats\");\n //stats.innerHTML = \"\"; \n\n // camera.position.x = hero.position.x;\n // camera.position.y = hero.position.y + 1.0;\n // camera.position.z = hero.position.z;\n // pointer.position = camera.getTarget();\n\n // var forward = camera.getTarget().subtract(camera.position).normalize();\n var forward = new BABYLON.Vector3(0, 0, 1);\n var right = new BABYLON.Vector3(1, 0, 0);\n // right.y = 0;\n\n var SPEED = 20;\n let f_speed = 0;\n var s_speed = 0;\n var u_speed = 0;\n\n if (moveForward)\n {\n f_speed = SPEED;\n }\n if (moveBackward)\n {\n f_speed = -SPEED;\n }\n\n if (moveRight)\n {\n s_speed = SPEED;\n }\n\n if (moveLeft)\n {\n s_speed = -SPEED;\n }\n\n var move = (forward.scale(f_speed)).subtract((right.scale(s_speed))).subtract(new BABYLON.Vector3(0, 1, 0).scale(u_speed));\n\n this.meshAvatar.physicsImpostor.physicsBody.velocity.x = move.x;\n this.meshAvatar.physicsImpostor.physicsBody.velocity.z = move.z;\n this.meshAvatar.physicsImpostor.physicsBody.velocity.y = move.y;\n\n });\n }\n}","/**\n @Class : ShadowManager\n @Maker : 윤휘원 (박정훈 팀장님 작업 상속)\n @Date : 2022-01-05\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 그림자 관리 클래스\n */\n\nimport * as BABYLON from 'babylonjs';\n\n\nexport default class ShadowManager\n{\n static m_directionalLight;\n static m_arrReciveObjects;\n static m_directionalLight;\n\n /**\n *===============================================================================\n * constructor() : \n * @param _objInit : 싱글톤 생성 확인용 객체\n *===============================================================================*/\n constructor(_objInit)\n {\n //super();\n if (_objInit !== ShadowManager.m_objInit) \n {\n throw new Error( \"ShadowManager 생성은 다음과 같이 해주세요 - ShadowManager.GetInstance()\" ); \n // return;\n }\n }\n\n /**\n *===============================================================================\n * dispose() : \n *===============================================================================*/\n static dispose(){\n ShadowManager.m_directionalLight = null;\n ShadowManager.m_shadowManager = null;\n ShadowManager.m_objInit = null;\n }\n \n /**\n *===============================================================================\n * GetInstance() : \n * @return : 인스턴스 리턴\n *===============================================================================*/\n static GetInstance(_directionalLight)\n {\n if(ShadowManager.m_shadowManager == null) \n {\n ShadowManager.m_shadowManager = new ShadowManager(ShadowManager.m_objInit);\n ShadowManager.m_objInit = {};\n ShadowManager.m_directionalLight = _directionalLight;\n ShadowManager.GetInstance().setShadowGenerator();\n }\n return ShadowManager.m_shadowManager;\n }\n\n /**\n *===============================================================================\n * setShadowGenerator() : 셰도우제너레이터 생성\n *===============================================================================*/\n setShadowGenerator(){\n ShadowManager.m_shadowGenerator = new BABYLON.ShadowGenerator(4096, ShadowManager.m_directionalLight);\n ShadowManager.m_shadowGenerator.useCloseBlurExponentialShadowMap = true;\n ShadowManager.m_shadowGenerator.forceBackFacesOnly = true;\n ShadowManager.m_shadowGenerator.usePoissonSampling = true;\n ShadowManager.m_shadowGenerator.useBlurExponentialShadowMap = true;\n ShadowManager.m_shadowGenerator.setDarkness(0);\n ShadowManager.m_shadowGenerator.enableSoftTransparentShadow = false;\n ShadowManager.m_shadowGenerator.transparencyShadow = true;\n }\n\n /**\n *===============================================================================\n * AddShadowMap() : 그림자를 생성할 객체 추가\n * @param _mesh : 대상 객체 mseh\n *===============================================================================*/\n static AddShadowMap(_mesh){\n // console.log(\"AddShadowMap :::: \", _mesh);\n // ShadowManager.m_shadowGenerator.getShadowMap().renderList.push(_mesh);\n ShadowManager.m_shadowGenerator.addShadowCaster(_mesh);\n }\n\n /**\n *===============================================================================\n * AddReceive() : 그림자를 받아줄 객체 추가\n * @param _mesh : 대상 객체 mseh\n *===============================================================================*/\n static AddReceive(_mesh){\n // console.log(\"AddReceive :::: \", _mesh);\n //_mesh.showBoundingBox = true;\n _mesh.receiveShadows = true;\n }\n\n /**\n *===============================================================================\n * AddReceive() : 그림자를 생성할 객체에서 제외\n * @param _mesh : 대상 객체 mseh\n *===============================================================================*/\n static RemoveCast(_mesh){\n // console.log(\"RemoveCast :::: \", _mesh);\n ShadowManager.m_shadowGenerator.removeShadowCaster(_mesh);\n }\n\n /**\n *===============================================================================\n * FreezingShadow() : 그림자 프리징\n * @param _light : 대상 라이트\n * @param _funcCallback : 완료 콟백\n *===============================================================================*/\n static FreezingShadow(_light, _funcCallback){\n \n ShadowManager.m_shadowGenerator.getShadowMap().refreshRate = BABYLON.RenderTargetTexture.REFRESHRATE_RENDER_ONCE;\n _funcCallback();\n }\n};\n\n","/**\n @Class : Booth\n @Maker : 윤휘원 (박정훈 팀장님 작업 상속)\n @Date : 2022-01-05\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 부스 클래스\n */\n\nimport * as BABYLON from 'babylonjs';\nimport gsap from \"gsap\";\nimport Constants from '../common/Constants';\nimport EventDispatcher from '../common/event/EventDispatcher';\nimport CameraManager from './CameraManager';\nimport ShadowManager from './ShadowManager';\nimport NavimeshManager from './NavimeshManager';\nimport CommunicatorEvent from '../common/event/CommunicatorEvent';\nimport Communicator from '../common/Communicator';\nimport DataManager from '../common/data/DataManager';\n\nexport default class Booth extends EventDispatcher {\n 'use strict';\n static SETTING_COMPLETE = \"Setting_Complete\";\n\n /**\n *===============================================================================\n * constructor() :\n * @param _objData : \n * @param _meshBooth : \n *===============================================================================\n */\n constructor(_objData, _meshBooth) {\n super();\n\n this.objCompanyData = _objData\n this.meshBooth = _meshBooth;\n this.isIntersects = false;\n this.videoVidTex = null;\n this.strBaseURL = null;\n this.highlightLayer = null;\n this.glowLayer = null;\n this.timeOut = null;\n this.linesBooth = null;\n this.linesBooth2 = null;\n this.linesBooth3 = null;\n this.tweenIn = null;\n this.tweenOut = null;\n\n this.init();\n }\n\n /**\n *===============================================================================\n * dispose() :\n *===============================================================================*/\n dispose() {\n clearTimeout(this.timeOut);\n this.highlightLayer.dispose();\n this.highlightLayer = null;\n this.meshBooth.dispose();\n this.meshBooth = null;\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================*/\n init() {\n Constants.CONTAINER_MAP.addChild(this.meshBooth);\n\n this.strBaseURL = \"\";\n\n this.highlightLayer = new BABYLON.HighlightLayer(\"highlight\", Constants.SCENE);\n this.glowLayer = new BABYLON.GlowLayer(\"glow\", Constants.scene);\n this.glowLayer.intensity = .5;\n this.glowLayer.isEnabled = false;\n\n this.setIntersectsBox();\n this.setBooth();\n\n if (Constants.OS_PLATFORM === Constants.OS_ECT) this.setShadow();\n //this.setNavimesh();\n this.setInterective();\n\n Constants.SCENE.onBeforeAnimationsObservable.add(this.onCheckIntersects.bind(this));\n\n setTimeout(() => {\n // this.dispatchEvent({\n // type: Booth.SETTING_COMPLETE,\n // data: null\n // })\n }, 200);\n }\n\n /**\n *===============================================================================\n * setIntersectsBox() : 부스 진입시 충돌체크 객체 설정\n *===============================================================================*/\n setIntersectsBox() {\n this.IntersectsBox = BABYLON.MeshBuilder.CreateBox(\"Booth_IntersectsBox\", {\n size: 6,\n height: 4\n }, Constants.scene);\n this.IntersectsBox.position.y = 0;\n this.IntersectsBox.isVisible = false;\n this.meshBooth.addChild(this.IntersectsBox);\n\n const myPoints = [\n new BABYLON.Vector3(-3, 0, -3),\n new BABYLON.Vector3(-3, 0, 3),\n new BABYLON.Vector3(3, 0, 3),\n new BABYLON.Vector3(3, 0, -3),\n new BABYLON.Vector3(-3, 0, -3)\n ]\n\n const myColors = [\n new BABYLON.Color4(1, 0, 0, 1)\n ]\n\n this.linesBooth = BABYLON.MeshBuilder.CreateLines(\"lines1\", {\n points: myPoints\n });\n this.linesBooth.alpha = .5;\n this.linesBooth.position.y = 3;\n this.linesBooth.isVisible = false;\n\n this.linesBooth2 = BABYLON.MeshBuilder.CreateLines(\"lines2\", {\n points: myPoints\n });\n this.linesBooth2.alpha = .5;\n this.linesBooth2.position.y = 3;\n this.linesBooth2.isVisible = false;\n\n this.linesBooth3 = BABYLON.MeshBuilder.CreateLines(\"lines3\", {\n points: myPoints\n });\n this.linesBooth3.alpha = .5;\n this.linesBooth3.position.y = 3;\n this.linesBooth3.isVisible = false;\n\n this.meshBooth.addChild(this.linesBooth);\n this.meshBooth.addChild(this.linesBooth2);\n this.meshBooth.addChild(this.linesBooth3);\n }\n\n /**\n *===============================================================================\n * setShadow() : 부스 그림자 설정\n *===============================================================================*/\n setShadow() {\n ShadowManager.AddShadowMap(this.meshBooth);\n\n let meshReceive = Constants.SCENE.getNodeByName(this.meshBooth.name + \".booth.booth_floor\");\n ShadowManager.RemoveCast(meshReceive); // 바닥 스스로에게 받는 그림자 제거를 위해 추가\n ShadowManager.AddReceive(meshReceive);\n }\n\n /**\n *===============================================================================\n * setInterective() : 홍보물 인터렉션 설정\n *===============================================================================*/\n setInterective() {\n var mesh = Constants.SCENE.getMeshByName(this.meshBooth.name + \".booth.booth_kiosk\");\n mesh.name = this.meshBooth.name + \"_kiosk\";\n this.setAction(mesh);\n\n if (this.objCompanyData.homepage !== \"\") {\n mesh = Constants.SCENE.getMeshByName(this.meshBooth.name + \".booth.booth_homepage\");\n mesh.name = this.meshBooth.name + \"_homepage\";\n this.setAction(mesh);\n }\n if (this.objCompanyData.sns !== \"\") {\n mesh = Constants.SCENE.getMeshByName(this.meshBooth.name + \".booth.booth_SNS\");\n mesh.name = this.meshBooth.name + \"_sns\";\n this.setAction(mesh);\n }\n\n if (this.objCompanyData.video_url !== \"\") {\n mesh = Constants.SCENE.getMeshByName(this.meshBooth.name + \".booth.booth_screen\");\n mesh.name = this.meshBooth.name + \"_video\";\n this.setAction(mesh);\n }\n\n // pdf 파일이 없을 경우 액션 연결하지 않도록 설정\n if (this.objCompanyData.ir_doc !== \"\") {\n mesh = Constants.SCENE.getMeshByName(this.meshBooth.name + \".booth.booth_disket\");\n mesh.name = this.meshBooth.name + \"_disket\";\n this.setAction(mesh);\n }\n }\n\n /**\n *===============================================================================\n * setAction() : 인터렉션 액션 바인딩\n *===============================================================================*/\n setAction(_mesh) {\n _mesh.isPickable = true;\n _mesh.actionManager = new BABYLON.ActionManager(Constants.SCENE);\n _mesh.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPointerOverTrigger, (_meshEvent) => {\n if (this.isIntersects) this.highlightLayer.addMesh(_mesh, new BABYLON.Color3(.4, .5, 1));\n }));\n _mesh.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPointerOutTrigger, (_meshEvent) => {\n this.highlightLayer.removeMesh(_mesh);\n }));\n\n _mesh.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPickUpTrigger, (_meshEvent) => {\n this.highlightLayer.removeMesh(_mesh);\n this.onClickInfo(_mesh);\n }));\n }\n\n /**\n *===============================================================================\n * onClickInfo() : 셀렉트\n * @param _objMeshData : 인포메이션 mesh\n *===============================================================================\n */\n onClickInfo(_mesh) {\n if (!this.isIntersects) return;\n\n switch (_mesh.name) {\n case this.meshBooth.name + \"_kiosk\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_CATALOG, this.objCompanyData.catalog_images);;\n break;\n case this.meshBooth.name + \"_homepage\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_URL_LINK, this.objCompanyData.homepage);\n break;\n case this.meshBooth.name + \"_sns\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_URL_LINK, this.objCompanyData.sns);\n break;\n case this.meshBooth.name + \"_video\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_VIDEO, this.objCompanyData.video_url);\n break;\n case this.meshBooth.name + \"_disket\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_PDF, this.objCompanyData.ir_doc);\n break;\n default:\n break;\n }\n }\n\n /**\n *===============================================================================\n * onCheckIntersects() : 아바타 부스 진입 여부 확인\n *===============================================================================\n */\n onCheckIntersects() {\n if (Constants.AVATAR===null || Constants.AVATAR.mesh === null) return;\n if (CameraManager.cameraMode === CameraManager.MINI_MAP_MODE) return;\n if (Constants.AVATAR.mesh.intersectsMesh(this.IntersectsBox, true)) {\n if (!this.isIntersects) {\n // 진입한 부스정보\n let companyName = DataManager.m_arrCompanyDatas.filter(\n element => element.id == Number(this.IntersectsBox.parent.name.replace(\"booth_\", \"\")) + 1\n )\n console.log(companyName[0]);\n // 커뮤니케이터로 퍼블리싱쪽에 알려주기 \n Communicator.sendEvent(CommunicatorEvent.ENTER_BOOTH, companyName[0]);\n\n gsap.killTweensOf(this.linesBooth.position);\n gsap.killTweensOf(this.linesBooth2.position);\n gsap.killTweensOf(this.linesBooth3.position);\n this.isIntersects = true;\n\n this.linesBooth.isVisible = true;\n this.linesBooth.position.y = 3;\n\n this.linesBooth2.isVisible = true;\n this.linesBooth2.position.y = 2;\n\n this.linesBooth3.isVisible = true;\n this.linesBooth3.position.y = 1;\n\n this.glowLayer.addIncludedOnlyMesh(this.linesBooth);\n this.glowLayer.addIncludedOnlyMesh(this.linesBooth2);\n this.glowLayer.addIncludedOnlyMesh(this.linesBooth3);\n this.glowLayer.isEnabled = true;\n\n this.glowLayer.customEmissiveColorSelector = (mesh, subMesh, material, result) => {\n if (mesh === this.linesBooth) {\n result.r = 0;\n result.g = 0;\n result.b = 1;\n }\n if (mesh === this.linesBooth2) {\n result.r = 0;\n result.g = 0;\n result.b = 1;\n }\n if (mesh === this.linesBooth3) {\n result.r = 0;\n result.g = 0;\n result.b = 1;\n }\n }\n\n //this.highlightLayer.addMesh(this.linesBooth, new BABYLON.Color3(1, 1, 1));\n gsap.to(this.linesBooth.position, {\n duration: 1.5,\n y: 0,\n onComplete: () => {\n CameraManager.cameraMode = CameraManager.BOOTH_MODE;\n this.glowLayer.isEnabled = false;\n }\n })\n\n gsap.to(this.linesBooth2.position, {\n duration: 1.5,\n y: 0\n })\n\n gsap.to(this.linesBooth3.position, {\n duration: 1.5,\n y: 0\n })\n\n // this.videoVidTex.video.play();\n }\n } else {\n if (this.isIntersects) {\n gsap.killTweensOf(this.linesBooth.position);\n this.glowLayer.isEnabled = false;\n CameraManager.cameraMode = CameraManager.PLAY_MODE;\n this.isIntersects = false;\n\n //this.highlightLayer.removeMesh(this.linesBooth);\n this.linesBooth.isVisible = false;\n this.linesBooth.position.y = 3;\n\n this.linesBooth2.isVisible = false;\n this.linesBooth2.position.y = 2;\n\n this.linesBooth3.isVisible = false;\n this.linesBooth3.position.y = 1;\n\n //this.videoVidTex.video.pause();\n }\n }\n }\n\n /**\n *===============================================================================\n * setBooth() : 부스 셋팅\n *===============================================================================*/\n setBooth() {\n let newPoint = this.rotateCoordinate(this.objCompanyData.position, 180, {\n x: 0,\n z: 0\n })\n\n this.meshBooth.position.x = newPoint.x;\n this.meshBooth.position.y = 0; //this.objCompanyData.position.y;\n this.meshBooth.position.z = newPoint.z;\n this.objCompanyData.positionNew = {\n x: this.meshBooth.position.x,\n y: this.meshBooth.position.y,\n z: this.meshBooth.position.z\n };\n\n this.setLogo();\n this.setVideo();\n this.setKiosk();\n }\n\n /**\n *===============================================================================\n * rotateCoordinate() : 테넌트 좌표 이동 - MAX와 Babylon 좌표계 보정을 위함\n * @param _position : 좌표계를 가진 객체 - 이동을 원하는 좌표\n * @param _nDegree : 이동할 회전각\n * @param _objCenter : 중심점 좌표 객체\n * @return : 이동 후 좌표 객체\n *===============================================================================*/\n rotateCoordinate(_position, _nDegree, _objCenter) {\n let objReturn = {};\n\n objReturn.x = (_position.x - _objCenter.x) * Math.cos(_nDegree * Math.PI / 180) - (_position.z - _objCenter.z) * Math.sin(_nDegree * Math.PI / 180) + _objCenter.x;\n objReturn.z = (_position.x - _objCenter.x) * Math.sin(_nDegree * Math.PI / 180) + (_position.z - _objCenter.z) * Math.cos(_nDegree * Math.PI / 180) + _objCenter.z;\n\n return objReturn;\n }\n\n /**\n *===============================================================================\n * setLogo() : 업체 로고 셋팅 - 배너 및 월\n *===============================================================================*/\n setLogo() {\n var mat = new BABYLON.StandardMaterial(\"logo_\" + this.objCompanyData.name, Constants.SCENE);\n mat.diffuseTexture = new BABYLON.Texture(this.strBaseURL + this.objCompanyData.logo_image, Constants.SCENE);\n\n mat.diffuseTexture.wAng = Math.PI;\n mat.diffuseTexture.vAng = Math.PI;\n let strName = this.meshBooth.name + \".booth.booth_Logo\";\n\n let meshLogoBoard = Constants.SCENE.getNodeByName(strName);\n meshLogoBoard.material = mat;\n\n // 부스 모델링 변경에 따라 부스 벽 설정이 불필요해져 주석 처리\n // strName = this.meshBooth.name + \".booth.booth_wall.booth_wall_primitive1\";\n // let meshWall = Constants.SCENE.getNodeByName(strName);\n\n // meshWall.material = new BABYLON.StandardMaterial(\"BoothWall\", Constants.SCENE);\n // meshWall.material.diffuseColor = new BABYLON.Color3.FromHexString(\"#9F7751\");\n // meshWall.material.emissiveColor = new BABYLON.Color3.FromHexString(\"#342B25\") \n }\n\n /**\n *===============================================================================\n * setVideo() : 비디오 홍보물 썸네일 설정\n *===============================================================================*/\n setVideo() {\n // let strName = this.meshBooth.name + \".booth_main.booth_Video\";\n console.log(this.meshBooth.name);\n let strName = this.meshBooth.name + \".booth.booth_screen\";\n let meshVideo = Constants.SCENE.getNodeByName(strName);\n var mat = new BABYLON.StandardMaterial(\"video_\" + this.objCompanyData.name, Constants.SCENE);\n\n //if(Constants.OS_PLATFORM === Constants.OS_IOS || Constants.OS_PLATFORM === Constants.OS_ANDROID){\n\n let texture = new BABYLON.Texture(this.strBaseURL + this.objCompanyData.video_thumbnail, Constants.SCENE);\n\n // 동영상 URL이 없을 경우 동영상 텍스처 처리\n // if (this.objCompanyData.video_url === \"\")\n // texture = new BABYLON.Texture(this.strBaseURL + this.objCompanyData.logo_image, Constants.SCENE);\n \n mat.diffuseTexture = texture;\n mat.diffuseTexture.uAng = Math.PI;\n mat.emissiveColor = new BABYLON.Color3(.7, .7, .7);\n meshVideo.material = mat;\n\n /* }else{\n this.videoVidTex = new BABYLON.VideoTexture(\"video\", this.strBaseURL + this.objCompanyData.video_url, Constants.SCENE, true);\n mat.diffuseTexture = this.videoVidTex;\n this.videoVidTex.video.pause();\n this.videoVidTex.video.volume = 0;\n\n } */\n }\n\n /**\n *===============================================================================\n * setKiosk() : 이미지 홍보물 썸네일 설정\n *===============================================================================*/\n setKiosk() {\n var mat = new BABYLON.StandardMaterial(\"kiosk_\" + this.objCompanyData.name, Constants.SCENE);\n mat.diffuseTexture = new BABYLON.Texture(this.strBaseURL + this.objCompanyData.catalog_images[0], Constants.SCENE);\n mat.diffuseTexture.uAng = Math.PI;\n mat.diffuseTexture.level = 2;\n\n let strName = this.meshBooth.name + \".booth.booth_kiosk\";\n let meshKiosk = Constants.SCENE.getNodeByName(strName);\n meshKiosk.material = mat;\n meshKiosk.material.diffuseColor = new BABYLON.Color3(.5, .5, .5);\n }\n}","/**\n @Class : SelectableObject\n @Maker : Sean\n @Date : 2024-02-22\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 부스 클래스\n */\n\nimport * as BABYLON from 'babylonjs';\nimport gsap from \"gsap\";\nimport Constants from '../common/Constants';\nimport EventDispatcher from '../common/event/EventDispatcher';\nimport CameraManager from './CameraManager';\nimport ShadowManager from './ShadowManager';\nimport NavimeshManager from './NavimeshManager';\nimport CommunicatorEvent from '../common/event/CommunicatorEvent';\nimport Communicator from '../common/Communicator';\nimport DataManager from '../common/data/DataManager';\n\n/**\n * 선택 가능한 Object\n * 마우스를 올리면 highlight가 된다.\n * \n * click되면 특정 행위를 할 수 있도록 설정할 수 있다.\n * \n * 이 Object는 hierarchy 특성상 가장 최상단에 node나 mesh가 있을 수 있다.\n * 하위메쉬에서 마우스 동작이 일어나도 걸려 있는 전체 mesh가 반응하도록 한다.\n */\nexport default class SelectableObject extends EventDispatcher {\n 'use strict';\n static SETTING_COMPLETE = \"Setting_Complete\";\n\n /**\n *===============================================================================\n * constructor() :\n * mesh와 node중 하나는 무조건 인자로 들어와야 한다.\n * mesh는 이미 world에 추가 되어 있다고 생각한다.\n * \n * @param _objData : 기본 데이터\n * @param _mesh : 이 객체의 mesh\n * @param _node : 이 객체의 node\n * @param _cbClick : 클릭시 콜백\n * @param _cbOver : 클릭시 콜백\n * @param _cbOut : 클릭시 콜백\n *===============================================================================\n */\n constructor(_objData, _mesh, _node, _cbClick=null, _cbOver=null, _cbOut=null, _hlColor=Constants.PORTAL_MOUSE_OVER_COLOR ) {\n\n if ( !_mesh && !_node )\n throw Error(\"SelectableObject:constructor() : mesh와 node중 하나는 명시해 줘야 합니다. \");\n super();\n\n this.objCompanyData = _objData\n this.mesh= _mesh; // 전체 부모 mesh\n this.node= _node; // 전체 부모 node. mesh와 node중 하나만 있으면 된다.\n this.childrenMeshes = null;\n this.isIntersects = false;\n this.videoVidTex = null;\n this.strBaseURL = null;\n this.highlightLayer = null;\n this.glowLayer = null;\n this.timeOut = null;\n this.cbClick = _cbClick;\n this.cbOver = _cbOver;\n this.cbOut = _cbOut;\n this.hlColor = _hlColor\n // this.linesBooth = null;\n // this.linesBooth2 = null;\n // this.linesBooth3 = null;\n\n this.init();\n }\n\n setClickHandler( cb ) { this.cbClick = cb; }\n setMouseOverHandler( cb ) { this.cbOver = cb; }\n setMouseOutHandler( cb ) { this.cbOut = cb; }\n\n /**\n *===============================================================================\n * dispose() :\n *===============================================================================*/\n dispose() {\n clearTimeout(this.timeOut);\n this.highlightLayer.dispose();\n this.highlightLayer = null;\n this.mesh.dispose();\n this.mesh= null;\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================*/\n init() {\n this.strBaseURL = \"\";\n\n this.highlightLayer = new BABYLON.HighlightLayer(\"highlight\", Constants.SCENE);\n this.glowLayer = new BABYLON.GlowLayer(\"glow\", Constants.SCENE);\n this.glowLayer.intensity = 1;\n this.glowLayer.isEnabled = false;\n\n this.setInteraction();\n\n // Constants.SCENE.onBeforeAnimationsObservable.add(this.onCheckIntersects.bind(this));\n\n setTimeout(() => {\n // this.dispatchEvent({\n // type: Booth.SETTING_COMPLETE,\n // data: null\n // })\n }, 200);\n }\n\n /**\n *===============================================================================\n * setInteraction() : 지정된 최상위 객체의 모든 하위 객체들을 대상으로 \n * interaction을 정의해줌\n *===============================================================================*/\n setInteraction() \n {\n // node와 mesh중 설정된 최상위 개체를 넣어 준다.\n const topNode = (this.node || this.mesh);\n // console.log(\"NODE : \", topNode.name);\n const children = topNode.getChildren();\n this.childrenMeshes = children.filter(i=>i instanceof BABYLON.Mesh);\n // console.log(this.childrenMeshes);\n this.childrenMeshes.forEach(i => {\n this.setAction(i, this.childrenMeshes);\n });\n }\n\n /**\n *===============================================================================\n * setAction() : 인터렉션 액션 바인딩\n *===============================================================================*/\n setAction(_mesh, allChildren) {\n _mesh.isPickable = true;\n _mesh.actionManager = new BABYLON.ActionManager(Constants.SCENE);\n\n function setHighlight()\n {\n const c = this.hlColor;\n allChildren.forEach(i=>{\n this.highlightLayer.addMesh(i, new BABYLON.Color3(c.r, c.g, c.b));\n // console.log(\"mesh names : \", i.name);\n });\n }\n\n function unsetHighlight()\n {\n allChildren.forEach(i=>{\n this.highlightLayer.removeMesh(i);\n });\n }\n\n _mesh.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPointerOverTrigger, (_meshEvent) => {\n setHighlight.bind(this)();\n if ( this.cbOver && typeof this.cbOver==\"function\" )\n this.cbOver().bind(this);\n }));\n _mesh.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPointerOutTrigger, (_meshEvent) => {\n unsetHighlight.bind(this)();\n if ( this.cbOut && typeof this.cbOut==\"function\" )\n this.cbOut().bind(this);\n }));\n\n _mesh.actionManager.registerAction(new BABYLON.ExecuteCodeAction(BABYLON.ActionManager.OnPickUpTrigger, (_meshEvent) => {\n unsetHighlight.bind(this)();\n this.onClickInfo(_mesh);\n if ( this.cbClick && typeof this.cbClick==\"function\" )\n this.cbClick();\n }));\n }\n\n /**\n *===============================================================================\n * onClickInfo() : 셀렉트\n * @param _objMeshData : 인포메이션 mesh\n *===============================================================================\n */\n onClickInfo(_mesh) {\n if (!this.isIntersects) return;\n\n switch (_mesh.name) {\n case this.meshBooth.name + \"_kiosk\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_CATALOG, this.objCompanyData.catalog_images);;\n break;\n case this.meshBooth.name + \"_homepage\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_URL_LINK, this.objCompanyData.homepage);\n break;\n case this.meshBooth.name + \"_sns\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_URL_LINK, this.objCompanyData.sns);\n break;\n case this.meshBooth.name + \"_video\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_VIDEO, this.objCompanyData.video_url);\n break;\n case this.meshBooth.name + \"_disket\":\n Communicator.sendEvent(CommunicatorEvent.OPEN_PDF, this.objCompanyData.ir_doc);\n break;\n default:\n break;\n }\n }\n\n}","/**\n @Class : BoothManager\n @Maker : 윤휘원 (박정훈 팀장님 작업 상속)\n @Date : 2022-01-05\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 부스 관리 클래스\n */\n\nimport * as BABYLON from 'babylonjs';\nimport EventDispatcher from '../common/event/EventDispatcher';\nimport Constants from '../common/Constants';\nimport LoadingProgressManager from './LoadingProgressManager';\nimport DataManager from '../common/data/DataManager';\nimport Booth from './Booth';\nimport SelectableObject from './SelectableObject';\nimport Utils from '../common/Utils';\n\nexport default class BoothManager extends EventDispatcher\n{\n 'use strict';\n\n static LOAD_COMPLETE = \"Load_Complete\";\n\n /**\n *===============================================================================\n * constructor() : \n *===============================================================================*/\n constructor()\n {\n super();\n \n this.meshBooth = null;\n this.arrBooth = [];\n \n this.init();\n }\n\n /**\n *===============================================================================\n * dispose() : \n *===============================================================================*/\n dispose(){\n\n for(let i=0; i < this.arrBooth.length; ++i)\n {\n const booth = this.arrBooth[i];\n booth.dispose();\n }\n }\n \n init(){\n this.setPortalsSMG();\n this.setBoothsSMG();\n this.loadBoothMesh();\n }\n\n /**\n *===============================================================================\n * loadBoothMesh() : 부스 메시 로드\n *===============================================================================*/\n loadBoothMesh(){\n \n let loadData = 0;\n const onMeshLoadProgress = (_data) => {\n let dataUnit = _data.loaded - loadData;\n loadData = _data.loaded;\n LoadingProgressManager.AddData(dataUnit);\n }\n\n let onMeshLoadComplete = (_newMeshes) => {\n this.meshBooth = _newMeshes[0];\n this.setBooths();\n }\n try\n {\n BABYLON.SceneLoader.ImportMesh(\"\", Constants.ASSETS_URL, Constants.BOOTH_FILE_NAME, Constants.SCENE, onMeshLoadComplete, onMeshLoadProgress);\n\n }\n catch(e) {}\n }\n\n /**\n *===============================================================================\n * setBooths() : 개별 부스 생성\n *===============================================================================*/\n setBooths(){\n this.arrBooth =[];\n let arrDatas = DataManager.GetCompanyDatas();\n let objData;\n let meshBooth;\n let i = 0;\n\n for(i=0; i < arrDatas.length; ++i)\n {\n objData = arrDatas[i];\n meshBooth = this.meshBooth.clone(\"booth_\" + String(i));\n const booth = new Booth(objData, meshBooth);\n booth.addEventListener(Booth.SETTING_COMPLETE,()=>{\n LoadingProgressManager.AddData(10000);\n booth.removeEventListener(Booth.SETTING_COMPLETE);\n })\n this.arrBooth.push(booth);\n \n }\n this.dispatchEvent({\n type: BoothManager.LOAD_COMPLETE,\n data: null\n })\n this.meshBooth.dispose();\n }\n\n /**\n */\n setBoothsSMG()\n {\n /* 새만금 맵에는 portal로 시작하는 포털들이 이미 정의 되어 있음 */\n const booths = Constants.SCENE.getNodeByName('booth').getChildren(null, true);\n\n // console.log(\"All Nodes : \", booths);\n booths.forEach(i => {\n // console.log(i.initial);\n const company = Constants.SMG_BOOTH_LIST.find(j=>j.initial===i.name)\n this.arrBooth.push(\n new SelectableObject(null, null, i, \n ()=>{ \n alert(company.name + \" 기업 홈페이지로 이동합니다. 이동하지 않을 경우 상단 주소창에서 팝업 차단을 해제하고 다시 객체를 선택해 주세요.\");\n window.open(company.link, '_blank');\n }, null, null, Constants.BOOTH_MOUSE_OVER_COLOR));\n });\n }\n\n setPortalsSMG()\n {\n /* 새만금 맵에는 portal로 시작하는 포털들이 이미 정의 되어 있음 */\n const portals = Constants.SCENE.getNodes().filter(i=>i.name.toLowerCase().indexOf('portal')>=0);\n\n // console.log(\"All Nodes : \", portals);\n // 포털 하위 객체들에 대해 select가 가능하도록 처리한다. 클릭시 goDeepLink를 수행.\n portals.forEach(i => {\n // console.log(i.name);\n const dl = Constants.DEEP_LINK_LIST.find(j=>j.portal===i.name).link;\n this.arrBooth.push(new SelectableObject(null, null, i, ()=>{ Utils.goDeepLink(dl)} ));\n });\n }\n};\n\n","import Constants from \"../common/Constants\";\nimport * as BABYLON from 'babylonjs';\nimport {Client} from \"colyseus.js\";\nimport Avatar from \"./Avatar\";\nimport Communicator from \"../common/Communicator\";\nimport CommunicatorEvent from \"../common/event/CommunicatorEvent\";\nimport DataManager from \"../common/data/DataManager\";\n\nexport default class MultiPlayManager extends Client{\n 'use strict';\n\n static LOGIN = \"login\";\n static LOGOUT = \"logout\";\n static CHATTING = \"chatting\";\n static NOTICE = \"notice\";\n static EVENT = \"event\";\n static ROOM_TYPE_LOBBY = \"Room_Type_Lobby\";\n static ROOM_TYPE_NORMAL = \"Room_Type_Normal\";\n\n constructor(_strURL)\n {\n super(_strURL);\n\n this.objPlayers = {};\n this.strRoomType = null;\n this.room = null;\n this.key = null;\n this.avatar = Constants.AVATAR;\n this.scene = Constants.SCENE;\n\n this.init();\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================\n */\n init(){\n\n /* Communicator.reciveEvent(CommunicatorEvent.SEND_CHAT_MESSAGE, (_data)=>{\n this.SendMessage(_data)\n }); */\n\n this.sendPosition = () =>{\n // console.log(\"--- Send !! \", this.room, this.avatar.status);\n //if(this.strRoomType === MultiPlayManager.ROOM_TYPE_LOBBY) return;\n try{\n if(this.room) this.room.send('move', this.avatar.status);\n }catch(_err){\n\n console.log(\"ERR ::\",_err.message);\n }\n } \n }\n\n /**\n *===============================================================================\n * connect() :\n * @param _strRoomName : \n *===============================================================================\n */\n connect(_strRoomName, _isLobby = false)\n {\n this.strRoomType = _isLobby ? MultiPlayManager.ROOM_TYPE_LOBBY : MultiPlayManager.ROOM_TYPE_NORMAL;\n\n this.joinOrCreate(_strRoomName).then((room) => {\n this.room = room;\n //console.log(\"_strRoomName ::::\", _strRoomName, this.room);\n this.room.state.players.onAdd = (player, key) => {\n // console.log(\"Room : \", room, \", Player : \", player, \", key : \", key);\n this.key = key;\n \n // 호스트일 경우\n if(this.room.sessionId === key)\n {\n if(this.strRoomType === MultiPlayManager.ROOM_TYPE_NORMAL) {\n this.objPlayers[key] = this.avatar;\n this.scene.onBeforeAnimationsObservable.add(this.sendPosition);\n }\n \n this.onLogin(this.avatar.status);\n }else { \n if(this.strRoomType === MultiPlayManager.ROOM_TYPE_NORMAL){\n let onAvatarLoded = () => {\n this.objPlayers[key] = avatar;\n this.objPlayers[key].position = new BABYLON.Vector3(player.position.x, player.position.y, player.position.z);\n this.objPlayers[key].rotation = new BABYLON.Vector3(player.rotation.x, player.rotation.y, player.rotation.z);\n this.objPlayers[key].name = player.name;\n this.objPlayers[key].grade = player.grade;\n this.objPlayers[key].color = player.color;\n this.objPlayers[key].image = player.image;\n \n player.position.onChange = () => {\n // console.log(\"Position Change!!!!\");\n if(this.objPlayers[key]) {\n this.objPlayers[key].position = new BABYLON.Vector3(player.position.x, player.position.y, player.position.z);\n }\n };\n \n player.rotation.onChange = () => {\n // console.log(\"Rotation Change!!!!\");\n if(this.objPlayers[key]) \n {\n this.objPlayers[key].rotation = new BABYLON.Vector3(player.rotation.x, player.rotation.y, player.rotation.z);\n }\n };\n }\n let avatar\n \n setTimeout(() => {\n load();\n }, 200);\n \n const load = ()=>{\n \n let meshURL = Constants.AVATAR_FILE_NAME;\n console.log(\"플레이어 아바타 만듬 : \", player.name);\n avatar = new Avatar(meshURL, false, player.name);\n avatar.addEventListener(Avatar.LOAD_COMPLETE, onAvatarLoded);\n }\n }\n }\n }\n \n \n \n this.room.connection.transport.ws.onclose = (_e)=>{\n console.log(\"CLOSE MULTI SERVER\");\n if(this.scene && this.sendPosition) this.scene.onBeforeAnimationsObservable.removeCallback(this.sendPosition);\n }; \n\n this.room.onMessage(\"chat\", this.onMessageChatting);\n this.room.state.players.onRemove = (player, key)=> {\n if(this.objPlayers[key]){\n this.objPlayers[key].dispose();\n }\n this.onLogout(player);\n }; \n\n this.room.onLeave(this.onLeave);\n this.room.onError(this.onError);\n \n }).catch(e => {\n //console.log(\"JOIN ERROR\", e);\n });\n }\n\n /**\n *===============================================================================\n * connect() :\n * @param _strRoomName : \n *===============================================================================\n */\n onLogin(status){\n try{\n // console.log(this.room.state.players);\n this.room.send('login', this.avatar.status);\n this.room.send('chat',{roomType:this.strRoomType, messageType:MultiPlayManager.LOGIN, name:DataManager.GetUserData().name, msg:\"님이 입장하셨습니다.\"});\n this.room.send('chat',{roomType:this.strRoomType, messageType:MultiPlayManager.NOTICE, name:\"\", msg: \" 이 채널의 현재 인원은 \" + String(this.room.state.players.size) + \"명 입니다.\"});\n }catch(_err){\n console.log(\"ERR ::\",_err.message);\n }\n }\n\n onLogout(player){\n try{\n //console.log(\"onLogout :::: \");\n Communicator.sendEvent(CommunicatorEvent.RECEIVE_CHAT_MESSAGE, {roomType:this.strRoomType, messageType:MultiPlayManager.LOGOUT, name:player.name, msg:\"님이 퇴장하셨습니다.\"});\n Communicator.sendEvent(CommunicatorEvent.RECEIVE_CHAT_MESSAGE, {roomType:this.strRoomType, messageType:MultiPlayManager.NOTICE, name:\"\", msg: \" 이 채널의 현재 인원은 \" + String(this.room.state.players.size) + \"명 입니다.\"});\n }catch(_err){\n console.log(\"ERR ::\",_err.message);\n }\n \n }\n\n onMessageChatting(message){\n try{\n //console.log(\"onMessageChatting :::: \", message);\n Communicator.sendEvent(CommunicatorEvent.RECEIVE_CHAT_MESSAGE, message);\n }catch(_err){\n console.log(\"ERR ::\",_err.message);\n }\n }\n\n \n onError(code, message){\n console.log(\"onError ::: \", message);\n }\n\n onLeave(code){\n try{\n if(this.avatar)Communicator.sendEvent(CommunicatorEvent.RECEIVE_CHAT_MESSAGE, {roomType:this.strRoomType, messageType:MultiPlayManager.LOGOUT, name:DataManager.GetUserData().name, msg:\"\"});\n \n }catch(_err){\n console.log(\"ERR ::\",_err.message);\n }\n }\n\n SendMessage(_message){\n try{\n //console.log(\"SendMessage this.room ::::\", this.room);\n this.room.send('chat', {roomType:_message.roomType , messageType:_message.messageType, name:DataManager.GetUserData().name, msg:_message.msg});\n }catch(_err){\n console.log(\"ERR ::\",_err.message);\n }\n }\n \n dispose(){\n //console.log(\"MultiPlayManager.dispose ::::::\")\n for(const key in this.objPlayers){\n this.objPlayers[key].dispose();\n }\n this.room.connection.close();\n this.objPlayers = null;\n this.key = null;\n this.room = null;\n this.scene = null;\n\n }\n}","/**\n @Class : UOSManager\n @Maker : 윤휘원\n @Date : 2022-01-05\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 서울시립대 컨텐츠 바인딩 및 인터렉티브 관리자\n */\n\nimport * as BABYLON from \"babylonjs\";\nimport Communicator from \"../common/Communicator\";\nimport EventDispatcher from \"../common/event/EventDispatcher\";\nimport Constants from \"../common/Constants\";\nimport CommunicatorEvent from \"../common/event/CommunicatorEvent\";\nimport DataManager from \"../common/data/DataManager\";\nimport CameraManager from \"./CameraManager\";\n\nexport default class UOSManager extends EventDispatcher {\n \"use strict\";\n\n static LOAD_COMPLETE = \"Load_Complete\";\n\n /**\n *===============================================================================\n * constructor() :\n *===============================================================================*/\n constructor() {\n super();\n this.UOSData = DataManager.GetUOSData();\n this.highlightLayer = null;\n\n //this.init();\n }\n\n /**\n *===============================================================================\n * dispose() :\n *===============================================================================*/\n dispose() {\n this.highlightLayer.dispose();\n this.highlightLayer = null;\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================*/\n init() {\n // this.setConferenceScreen();\n // this.setPresidentScreen();\n // this.setKiosk(); // 2023스펙에서 산학관 키오스크 제거에 따른 주석 처리\n // this.setInterective();\n }\n\n /**\n *===============================================================================\n * setConferenceScreen() : 컨퍼런스 스크린(전광판, 좌측)\n *===============================================================================*/\n setConferenceScreen() {\n let mesh = Constants.SCENE.getNodeByName(\"screen_02\");\n this.setAction(mesh);\n var mat = new BABYLON.StandardMaterial(\"screen02_mat\", Constants.SCENE);\n\n /* this.videoVidTex = new BABYLON.VideoTexture(\"video\", this.strBaseURL + this.UOSData.video_big_url, Constants.SCENE, true);\n mat.diffuseTexture = this.videoVidTex;\n this.videoVidTex.video.pause();\n this.videoVidTex.video.volume = 0; */\n\n let texture = new BABYLON.Texture(\n this.UOSData.video_side_thumbnail,\n Constants.SCENE\n );\n mat.diffuseTexture = texture;\n mat.diffuseTexture.uAng = Math.PI;\n mat.emissiveColor = new BABYLON.Color3(0.5, 0.5, 0.5);\n mesh.material = mat;\n }\n/**\n *===============================================================================\n * setKiosk() : 키오스크(좌측)\n *===============================================================================*/\n setKiosk() {\n let mesh = Constants.SCENE.getNodeByName(\"uni_seoul_kiosk_primitive0\");\n this.setAction(mesh);\n var mat = new BABYLON.StandardMaterial(\"kiosk_mat\", Constants.SCENE);\n\n let texture = new BABYLON.Texture(\n this.UOSData.kiosk_img[0],\n Constants.SCENE\n );\n mat.diffuseTexture = texture;\n mat.diffuseTexture.uAng = Math.PI;\n mat.emissiveColor = new BABYLON.Color3(0.5, 0.5, 0.5);\n mesh.material = mat;\n }\n /**\n *===============================================================================\n * setPresidentScreen() : 총장님 인삿말 영상 (전광판, 우측)\n *===============================================================================*/\n setPresidentScreen() {\n let mesh = Constants.SCENE.getNodeByName(\"Screen_01\");\n this.setAction(mesh);\n var mat = new BABYLON.StandardMaterial(\"Screen01_ad_mat\", Constants.SCENE);\n\n let texture = new BABYLON.Texture(\n this.UOSData.video_big_thumbnail,\n Constants.SCENE\n );\n mat.diffuseTexture = texture;\n mat.diffuseTexture.uAng = Math.PI;\n mat.emissiveColor = new BABYLON.Color3(0.5, 0.5, 0.5);\n mesh.material = mat;\n }\n\n /**\n *===============================================================================\n * setInterective() : 홍보물 인터렉션 설정\n *===============================================================================*/\n setInterective() {\n this.highlightLayer = new BABYLON.HighlightLayer(\"glow\", Constants.SCENE);\n\n var mesh = Constants.SCENE.getMeshByName(\"instar_primitive0\");\n this.setAction(mesh);\n mesh = Constants.SCENE.getMeshByName(\"instar_primitive1\");\n this.setAction(mesh);\n\n mesh = Constants.SCENE.getMeshByName(\"Homepage\");\n this.setAction(mesh);\n\n mesh = Constants.SCENE.getMeshByName(\"youtube\");\n this.setAction(mesh);\n\n // 2023스펙에서 산학관 키오스크 제거에 따른 주석 처리 =====\n // mesh = Constants.SCENE.getMeshByName(\"uni_seoul_kiosk_primitive0\");\n // this.setAction(mesh);\n // mesh = Constants.SCENE.getMeshByName(\"uni_seoul_kiosk_primitive1\");\n // this.setAction(mesh);\n // ====================================================\n }\n\n /**\n *===============================================================================\n * setAction() : 인터렉션 액션 바인딩\n *===============================================================================*/\n setAction(_mesh) {\n _mesh.actionManager = new BABYLON.ActionManager(Constants.SCENE);\n\n _mesh.actionManager.registerAction(\n new BABYLON.ExecuteCodeAction(\n BABYLON.ActionManager.OnPointerOverTrigger,\n (_meshEvent) => {\n if (CameraManager.currentMode === CameraManager.PLAY_MODE)\n this.highlightLayer.addMesh(_mesh, new BABYLON.Color3(0.4, 0.5, 1));\n }\n )\n );\n _mesh.actionManager.registerAction(\n new BABYLON.ExecuteCodeAction(\n BABYLON.ActionManager.OnPointerOutTrigger,\n (_meshEvent) => {\n this.highlightLayer.removeMesh(_mesh);\n }\n )\n );\n\n _mesh.actionManager.registerAction(\n new BABYLON.ExecuteCodeAction(\n BABYLON.ActionManager.OnPickUpTrigger,\n (_meshEvent) => {\n this.highlightLayer.removeMesh(_mesh);\n this.onClickInfo(_mesh);\n }\n )\n );\n }\n\n /**\n *===============================================================================\n * onClickInfo() : 셀렉트\n * @param _objMeshData : 인포메이션 mesh\n *===============================================================================\n */\n onClickInfo(_mesh) {\n if (CameraManager.currentMode !== CameraManager.PLAY_MODE) return;\n\n switch (_mesh.name) {\n case \"uni_seoul_kiosk_primitive0\":\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_CATALOG,\n this.UOSData.kiosk_img\n );\n break;\n case \"billboard\":\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_URL_LINK,\n this.UOSData.webinar\n );\n break;\n case \"instar_primitive0\":\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_URL_LINK,\n this.UOSData.instagram\n );\n break;\n case \"Homepage\":\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_URL_LINK,\n this.UOSData.homepage\n );\n break;\n case \"youtube\":\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_URL_LINK,\n this.UOSData.youtube_live\n );\n console.log(this.UOSData.youtube_live);\n\n break;\n case \"Screen_01\": // 우측 총장말씀 스크린\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_BOARDVIDEO,\n this.UOSData.obj_boardA\n );\n break;\n case \"screen_02\": // 좌측 산관학스크린\n Communicator.sendEvent(\n CommunicatorEvent.OPEN_BOARDVIDEO,\n this.UOSData.obj_boardB\n );\n break;\n default:\n break;\n }\n }\n}","/**\n @Class : Snow\n @Maker : 윤휘원\n @Date : 2022-01-06\n @Debug DATE : \n @Debug Contents : -\n @Version : 1.0\n @Description : 별 파티클 클래스\n */\n\nimport * as BABYLON from 'babylonjs';\nimport Constants from '../common/Constants';\nimport EventDispatcher from '../common/event/EventDispatcher';\n\nexport default class Snow extends EventDispatcher {\n 'use strict';\n\n static LOAD_COMPLETE = \"Load_Complete\";\n\n /**\n *===============================================================================\n * constructor() :\n * @param _strMeshURL : \n *===============================================================================\n */\n constructor(_strMeshURL) {\n super();\n\n this.theta = 0;\n this.solidParticleSystem = null;\n this.meshSnow = null;\n }\n\n /**\n *===============================================================================\n * dispose() :\n *===============================================================================*/\n dispose() {\n this.particleSystem.dispose();\n Constants.SCENE.onAfterRenderObservable.remove(this.move.bind(this));\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================*/\n async init(_intValue) {\n this.particleSystem = new BABYLON.ParticleSystem(\"particles\", 200);\n\n this.particleSystem.minEmitBox = new BABYLON.Vector3(-200, -30, -100); // Starting all from\n this.particleSystem.maxEmitBox = new BABYLON.Vector3(200, 75, 100); // To...\n this.particleSystem.emitRate = 200;\n this.particleSystem.minSize = 0.4;\n this.particleSystem.maxSize = 0.8;\n this.particleSystem.minLifeTime = 3;\n this.particleSystem.maxLifeTime = 4;\n this.particleSystem.updateSpeed = .03;\n\n this.particleSystem.preWarmCycles = 100;\n this.particleSystem.preWarmStepOffset = 10;\n\n if (_intValue === 1) {\n this.particleSystem.particleTexture = new BABYLON.Texture(\"images/star.png\");\n this.particleSystem.direction1 = new BABYLON.Vector3(0, 0, 0);\n this.particleSystem.direction2 = new BABYLON.Vector3(0, 0, 0);\n\n this.particleSystem.color1 = new BABYLON.Color4.FromHexString(\"#2bceffFF\");\n this.particleSystem.color2 = new BABYLON.Color4.FromHexString(\"#ffbf2bFF\");\n this.particleSystem.colorDead = new BABYLON.Color4.FromHexString(\"#FFAE000\");\n } else {\n this.particleSystem.particleTexture = new BABYLON.Texture(\"images/petal.png\");\n\n this.particleSystem.blendMode = BABYLON.BaseParticleSystem.BLENDMODE_STANDARD;\n this.particleSystem.color1 = new BABYLON.Color4.FromHexString(\"#ffffffff\");\n this.particleSystem.color2 = new BABYLON.Color4.FromHexString(\"#ffffffff\");\n this.particleSystem.colorDead = new BABYLON.Color4.FromHexString(\"#ffffff00\");\n\n this.particleSystem.direction1 = new BABYLON.Vector3(-10, -5, -10);\n this.particleSystem.direction2 = new BABYLON.Vector3(10, -5, 10);\n\n this.particleSystem.minInitialRotation = Math.PI / 2;\n this.particleSystem.maxInitialRotation = Math.PI;\n }\n this.particleSystem.start(0);\n\n let container = new BABYLON.MeshBuilder.CreateBox(\"StarContainer\", {\n size: 1\n }, Constants.SCENE);\n container.position = new BABYLON.Vector3(-300, 200, -50);\n container.rotation = new BABYLON.Vector3(0,0, Math.PI/3);\n container.visibility = 0;\n }\n\n /**\n *===============================================================================\n * move() :\n *===============================================================================*/\n move() {\n //console.log(\"sdfsfddfs\");\n this.solidParticleSystem.setParticles();\n this.theta += Math.PI / 5000;\n this.meshSnow.rotation.y = this.theta;\n }\n\n /**\n *===============================================================================\n * start() :\n *===============================================================================*/\n start() {\n if (this.moveSnow !== null) return;\n this.moveSnow = Constants.SCENE.onAfterRenderObservable.add(this.move.bind(this));\n }\n\n /**\n *===============================================================================\n * stop() :\n *===============================================================================*/\n stop() {\n this.theta = 0;\n Constants.SCENE.onAfterRenderObservable.remove(this.moveSnow);\n this.moveSnow = null;\n }\n}","import Constants from \"../common/Constants\";\nimport * as BABYLON from 'babylonjs';\nimport {Client} from \"colyseus.js\";\nimport Avatar from \"./Avatar\";\nimport Communicator from \"../common/Communicator\";\nimport CommunicatorEvent from \"../common/event/CommunicatorEvent\";\nimport DataManager from \"../common/data/DataManager\";\nimport Utils from \"../common/Utils\";\nimport NavimeshManager from \"./NavimeshManager\";\n\n/**\n * 특정 인터벌마다 맵 내의 특정 위치 사이를 이동하는 봇을 운영한다.\n * 봇의 움직임은 setInterval을 이용하고 있다.\n */\nexport default class BotManager {\n 'use strict';\n\n constructor()\n {\n // super(_strURL);\n\n this.bots = {}; // Avatar 객체가 들어감. key는 봇의 이름\n this.avatar = Constants.AVATAR;\n this.scene = Constants.SCENE;\n this.botMoveInterval = null;\n\n this.init();\n }\n\n /**\n *===============================================================================\n * init() :\n *===============================================================================\n */\n init(){\n // 봇은 처음에 이름이 설정된 개수만큼 생긴다.\n const bots = Constants.BOT_NAMES;\n\n bots.forEach( (name) =>{setTimeout(()=>{this.makeABot(name)}, 200)} );\n this.botMoveInterval = setInterval( this.moveBot.bind(this), Constants.BOT_MOVE_INTERVAL*1000 );\n // this.sendPosition = () =>{\n // //if(this.strRoomType === MultiPlayManager.ROOM_TYPE_LOBBY) return;\n // try{\n // if(this.room) this.room.send('move', this.avatar.status);\n // }catch(_err){\n\n // console.log(\"ERR ::\",_err.message);\n // }\n // } \n }\n\n /**\n * 새로운 봇을 하나 만든다\n * 봇이 생성되는 위치는 봇들의 이동 포인트중 하나가 된다. 봇들은 유저가 월드에 입장하면 \n * @param {*} name \n */\n makeABot(name)\n {\n const positions = Constants.BOT_NAVI_LOCATIONS;\n const botPosIdx = Utils.RandomInt(0, positions.length-1);\n const botPos = positions[ botPosIdx];\n const avatar = new Avatar(null, false, name);\n // Constants.CONTAINER_MAP.addChild(avatar.mesh);\n this.bots[name] = avatar;\n console.log(\"[Bot] \", name, \" - (\", botPos, \") \", botPosIdx);\n avatar.name = name; // Avatar 객체의 set name 에서 하는 일이 있으므로 꼭 수행해야 함.\n avatar.position = botPos;\n\n\n NavimeshManager.AddAvatar(avatar, null);\n // avatar.mesh.position = new BABYLON.Vector3(0, 0, 0);\n\n }\n\n moveBot()\n {\n const positions = Constants.BOT_NAVI_LOCATIONS;\n const players = Object.keys(this.bots);\n const arrIdx = Utils.arrayShuffle(positions.map( (i, idx)=>idx)); // 0~장소 수 사이의 숫자를 배열에서 셔플해 둠\n players.forEach( (i, idx)=> // i는 bots의 name\n {\n const avatar = this.bots[i];\n // const botPosIdx = Utils.RandomInt(0, positions.length-1);\n const nextBotPos = positions[ arrIdx[idx] ];\n // const naviClosestPoint = NavimeshManager.navigationPlugin.getClosestPoint(nextBotPos);\n // if (naviClosestPoint.x === 0 && naviClosestPoint.z === 0) return;\n\n // console.log(\"이동 : \", nextBotPos, botPosIdx);\n // console.log(\"무브 아바타 : \", i, avatar.agentIndex, avatar, NavimeshManager.crowd);\n\n // NavimeshManager.crowd.agentGoto(NavimeshManager.agents[avatar.agentIndex], nextBotPos);\n NavimeshManager.crowd.agentGoto(avatar.agentIndex, nextBotPos);\n });\n }\n\n /**\n *===============================================================================\n * connect() :\n * @param _strRoomName : \n *===============================================================================\n */\n // connect(_strRoomName, _isLobby = false)\n // {\n // this.strRoomType = _isLobby ? MultiPlayManager.ROOM_TYPE_LOBBY : MultiPlayManager.ROOM_TYPE_NORMAL;\n\n // this.joinOrCreate(_strRoomName).then((room) => {\n // this.room = room;\n // //console.log(\"_strRoomName ::::\", _strRoomName, this.room);\n // this.room.state.players.onAdd = (player, key) => {\n // this.key = key;\n \n // if(this.room.sessionId === key)\n // {\n // if(this.strRoomType === MultiPlayManager.ROOM_TYPE_NORMAL) {\n // this.objPlayers[key] = this.avatar;\n // this.scene.onBeforeAnimationsObservable.add(this.sendPosition);\n // }\n \n // this.onLogin(this.avatar.status);\n // }else { \n // if(this.strRoomType === MultiPlayManager.ROOM_TYPE_NORMAL){\n // let onAvatarLoded = () => {\n // this.objPlayers[key] = avatar;\n // this.objPlayers[key].position = new BABYLON.Vector3(player.position.x, player.position.y, player.position.z);\n // this.objPlayers[key].rotation = new BABYLON.Vector3(player.rotation.x, player.rotation.y, player.rotation.z);\n // this.objPlayers[key].name = player.name;\n // this.objPlayers[key].grade = player.grade;\n // this.objPlayers[key].color = player.color;\n // this.objPlayers[key].image = player.image;\n \n // player.position.onChange = () => {\n // if(this.objPlayers[key]) {\n // this.objPlayers[key].position = new BABYLON.Vector3(player.position.x, player.position.y, player.position.z);\n // }\n // };\n \n // player.rotation.onChange = () => {\n // if(this.objPlayers[key]) \n // {\n // this.objPlayers[key].rotation = new BABYLON.Vector3(player.rotation.x, player.rotation.y, player.rotation.z);\n // }\n // };\n // }\n // let avatar\n \n // setTimeout(() => {\n // load();\n // }, 200);\n \n // const load = ()=>{\n \n // let meshURL = Constants.AVATAR_FILE_NAME;\n // avatar = new Avatar(meshURL, false);\n // avatar.addEventListener(Avatar.LOAD_COMPLETE, onAvatarLoded);\n // }\n // }\n // }\n // }\n \n \n \n // this.room.connection.transport.ws.onclose = (_e)=>{\n // console.log(\"CLOSE MULTI SERVER\");\n // if(this.scene && this.sendPosition) this.scene.onBeforeAnimationsObservable.removeCallback(this.sendPosition);\n // }; \n\n // this.room.onMessage(\"chat\", this.onMessageChatting);\n // this.room.state.players.onRemove = (player, key)=> {\n // if(this.objPlayers[key]){\n // this.objPlayers[key].dispose();\n // }\n // this.onLogout(player);\n // }; \n\n // this.room.onLeave(this.onLeave);\n // this.room.onError(this.onError);\n \n // }).catch(e => {\n // //console.log(\"JOIN ERROR\", e);\n // });\n // }\n\n dispose(){\n //console.log(\"MultiPlayManager.dispose ::::::\")\n for(const key in this.bots){\n this.bots[key].dispose();\n }\n this.room.connection.close();\n this.bots = null;\n this.key = null;\n this.room = null;\n this.scene = null;\n\n if ( this.botMoveInterval )\n clearInterval( this.botMoveInterval );\n\n }\n}","import * as BABYLON from 'babylonjs';\nimport 'babylonjs-loaders';\nimport 'babylonjs-inspector';\nimport 'babylonjs-gui';\nimport EventDispatcher from '../common/event/EventDispatcher';\nimport Constants from '../common/Constants';\nimport NavimeshManager from './NavimeshManager'; //NavimeshManager 와 CameraManager import 순서 지켜야함\nimport CameraManager from './CameraManager';\nimport Avatar from './Avatar';\nimport BoothManager from './BoothManager';\nimport ShadowManager from './ShadowManager';\nimport MultiPlayManager from './MultiPlayManager';\nimport UOSManager from './UOSManager';\nimport Communicator from '../common/Communicator';\nimport CommunicatorEvent from '../common/event/CommunicatorEvent';\nimport LoadingProgressManager from './LoadingProgressManager';\nimport DataManager from '../common/data/DataManager';\nimport GalaxyParticle from './GalaxyParticle';\nimport BotManager from './BotManager';\n\nexport default class BasicWorld extends EventDispatcher {\n 'use strict';\n\n /**\n *===============================================================================\n * constructor() :\n * @param _canvas : WebGL용 canvas element\n *===============================================================================\n */\n constructor(_canvas) {\n super();\n\n Constants.CANVAS = this.canvas = _canvas;\n Constants.ENGINE = this.engine = new BABYLON.Engine(this.canvas, true);\n Constants.SCENE = this.scene = new BABYLON.Scene(this.engine);\n\n this.isInput = false;\n this.meshWorld = null;\n this.skyboxMaterial = null;\n this.nightTexture = null;\n this.dayTexture = null;\n this.starParticle = null;\n\n this.botManager = null;\n\n this.Init();\n\n }\n\n dispose() {\n if (this.avatar) this.avatar.dispose();\n\n CameraManager.dispose();\n this.light.dispose();\n this.light2.dispose();\n this.scene.dispose();\n this.engine.dispose();\n\n this.meshWorld = null;\n Constants.SCENE = this.scene = null;\n Constants.ENGINE = this.engine = null;\n Constants.CANVAS = this.canvas = null;\n }\n\n /**\n *===============================================================================\n * Init() :\n *===============================================================================\n */\n Init() {\n\n LoadingProgressManager.GetInstance();\n\n this.setEnvironment();\n this.setCamera();\n this.setWorld();\n this.setInspector();\n\n if (Constants.DEBUG_MODE) this.setInspector();\n\n this.engine.runRenderLoop(() => {\n this.scene.render();\n });\n\n window.addEventListener('resize', () => {\n this.engine.resize();\n });\n\n }\n\n setEnvironment() {\n //배경 컬러\n this.scene.clearColor = new BABYLON.Color3(0.933, 0.917, 0.905);\n }\n\n setCamera() {\n CameraManager.GetInstance();\n // CameraManager.cameraMode = CameraManager.MINI_MAP_MODE;\n this.setLight();\n }\n\n setLight() {\n this.light = new BABYLON.DirectionalLight(\"DirectionalLight\", new BABYLON.Vector3(0, -120, 0), this.scene);\n this.light.direction = new BABYLON.Vector3(-3, -15, -5)\n // this.light.intensity = 1.5;\n this.light.intensity = 2;\n this.light.diffuse = new BABYLON.Color3(1, 1, 1);\n this.light.specular = new BABYLON.Color3(1, 1, 1);\n\n\n this.light2 = new BABYLON.HemisphericLight(\"light\", new BABYLON.Vector3(0, 10, 0), this.scene);\n this.light2.intensity = 0.5;\n // this.light2.intensity = 1;\n this.light2.groundColor = new BABYLON.Color3(.588, .588, .588);\n\n if (Constants.OS_PLATFORM === Constants.OS_ECT) ShadowManager.GetInstance(this.light);\n\n /* this.light3 = new BABYLON.DirectionalLight(\"DirectionalLight2\", new BABYLON.Vector3(0, -120, 0), this.scene);\n this.light3.direction = new BABYLON.Vector3(-1, -10, -5)\n this.light3.intensity = 1.0;\n this.light3.diffuse = new BABYLON.Color3(1, 1, 1);\n this.light3.specular = new BABYLON.Color3(1, 1, 1); */\n\n /*\n this.m_shadowGenerator = new BABYLON.ShadowGenerator(4096, this.light3);\n this.m_shadowGenerator.useCloseBlurExponentialShadowMap = true;\n this.m_shadowGenerator.forceBackFacesOnly = true;\n this.m_shadowGenerator.usePoissonSampling = true;\n this.m_shadowGenerator.useBlurExponentialShadowMap = true;\n this.m_shadowGenerator.setDarkness(0.5);\n this.m_shadowGenerator.enableSoftTransparentShadow = false;\n this.m_shadowGenerator.transparencyShadow = true; */\n\n }\n\n async setWorld() {\n //console.log(\"setWorld ::::::\") \n NavimeshManager.GetInstance();\n\n var skybox = BABYLON.MeshBuilder.CreateBox(\"skybox\", {\n size: 1024.0\n }, this.scene);\n this.skyboxMaterial = new BABYLON.StandardMaterial(\"skybox\", this.scene);\n this.skyboxMaterial.backFaceCulling = false;\n this.nightTexture = new BABYLON.CubeTexture(\"images/Skybox_night/skybox\", this.scene);\n this.dayTexture = new BABYLON.CubeTexture(\"images/Skybox_day/skybox\", this.scene);\n\n // KDG - day texture로 변경\n // this.skyboxMaterial.reflectionTexture = this.nightTexture;\n this.skyboxMaterial.reflectionTexture = this.dayTexture;\n this.skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;\n this.skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);\n this.skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);\n skybox.material = this.skyboxMaterial;\n\n this.scene.onBeforeRenderObservable.add(() => {\n skybox.rotation.y += 0.00007;\n });\n\n Constants.CONTAINER_MAP = new BABYLON.Mesh(\"mapContainer\", this.scene);\n\n // 월드맵 로딩\n let loadData = 0;\n const onMeshLoadProgress = (_data) => {\n let dataUnit = _data.loaded - loadData;\n loadData = _data.loaded;\n LoadingProgressManager.AddData(dataUnit);\n }\n\n let mapLoad = await BABYLON.SceneLoader.ImportMeshAsync(\"\", Constants.ASSETS_URL, Constants.WORLD_FILE_NAME, this.scene, onMeshLoadProgress);\n this.meshWorld = mapLoad.meshes[0];\n this.meshWorld.name = \"WorldMap\";\n\n Constants.CONTAINER_MAP.addChild(this.meshWorld);\n\n // KDG - 아바타 제외\n // Constants.SCENE.getMeshByName(\"AVATAR\")?.isVisible = false;\n // 새만금 캐릭터 추가\n const afterLoad = (meshes, vec) => \n { \n // console.log(\"mesh : \", meshes, this);\n const rootMesh = meshes.find(i => i.name === \"__root__\");\n rootMesh.position = vec\n Constants.SCENE.addMesh( rootMesh, true );\n }\n const afterLoad1 = (meshes) => \n { \n afterLoad(meshes, new BABYLON.Vector3(0.6, 0.8, 2));\n }\n const afterLoad2 = (meshes) => \n { \n afterLoad(meshes, new BABYLON.Vector3(-0.6, 0.8, 2));\n }\n const addCharacter1 = await BABYLON.SceneLoader.ImportMesh(\"\", Constants.ASSETS_URL, \"Manguem_idle.glb\", Constants.SCENE, afterLoad1);\n const addCharacter2 = await BABYLON.SceneLoader.ImportMesh(\"\", Constants.ASSETS_URL, \"Saee_idle.glb\", Constants.SCENE, afterLoad2);\n\n this.onWorldloaded();\n }\n\n onWorldloaded() {\n let boothManager = new BoothManager();\n boothManager.addEventListener(BoothManager.LOAD_COMPLETE, () => {\n this.onBoothSettingComplete();\n boothManager.removeEventListener(BoothManager.LOAD_COMPLETE);\n })\n }\n\n onBoothSettingComplete() {\n let uos_Manager = new UOSManager();\n uos_Manager.init();\n\n this.setAvatar();\n }\n\n setAvatar() {\n this.avatar = Constants.AVATAR = new Avatar(Constants.AVATAR_FILE_NAME);\n this.avatar.addEventListener(Avatar.LOAD_COMPLETE, () => {\n this.onAvataLoded();\n this.avatar.removeEventListener(Avatar.LOAD_COMPLETE);\n })\n }\n\n onAvataLoded() {\n CameraManager.target = this.avatar;\n // Constants.CONTAINER_MAP.addChild(this.avatar.mesh);\n\n this.setNavimesh();\n this.setDeco(1);\n CameraManager.cameraMode = CameraManager.MINI_MAP_MODE;\n\n Communicator.reciveEvent(CommunicatorEvent.START_CONTENT, this.StartContent.bind(this));\n\n // KDG\n // if (Constants.OS_PLATFORM === Constants.OS_ECT) {\n if ( false ){\n this.setShadow();\n } else {\n Communicator.sendEvent(CommunicatorEvent.WORLD_LOAD_COMPLETE);\n }\n }\n\n setNavimesh() {\n // KDG\n // let meshNavi = this.scene.getNodeByName(\"navvy_mesh\");\n let meshNavi = this.scene.getNodeByName(\"navimesh\");\n let mesh = this.scene.getMeshByName(\"navimesh\");\n // console.log(\"메쉬를 로드 했을 때 pickable?\", mesh.name, mesh.isPickable);\n mesh.isPickable = true;\n // KDG - navi mesh의 상하 위치 조절\n mesh.position.y = mesh.position.y-0.2;\n NavimeshManager.AddMeshForNavimesh(meshNavi);\n // KDG - param1은 navmesh가 보이게 할지말지 결정함.\n NavimeshManager.MakeNavimesh(false, false);\n\n let meshTarget = NavimeshManager.marker.mesh;\n NavimeshManager.AddAvatar(this.avatar, meshTarget);\n }\n\n setDeco(_intValue) {\n this.starParticle = Constants.GALAXY_PARTICLE = new GalaxyParticle();\n this.starParticle.init(_intValue);\n }\n\n setShadow() {\n //부스는 부스 클래스 내부에서 따로 설정함\n // 그림자가 그려져야하는 오브젝트\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"eagle\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"mountain_primitive0\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"mountain_primitive1\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive0\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive1\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive2\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive3\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive4\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive5\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive6\"));\n // // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"shadow_object_primitive7\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"TextPlus001\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"subject_uni_seoul\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"YirumaePlane\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"Screen_01\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"screen_02\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"Homepage\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"instar_primitive0\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"instar_primitive1\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"youtube\"));\n // ShadowManager.AddShadowMap(this.scene.getNodeByName(\"screen_02\"));\n\n // // // 그림자가 그려질 오브젝트\n // ShadowManager.AddReceive(this.scene.getNodeByName(\"ground_star\"));\n // ShadowManager.AddReceive(this.scene.getNodeByName(\"fake_road_primitive0\"));\n // ShadowManager.AddReceive(this.scene.getNodeByName(\"fake_road_primitive1\"));\n // ShadowManager.AddReceive(this.scene.getNodeByName(\"glow_road\"));\n // ShadowManager.AddReceive(this.scene.getNodeByName(\"track\"));\n // ShadowManager.AddReceive(this.scene.getNodeByName(\"navvy_mesh\"));\n\n \n\n\n // 그림자가 그려져야하는 오브젝트 (빛을 가릴 오브젝트)\n ShadowManager.AddShadowMap(this.scene.getNodeByName(\"center_building\"));\n\n // // 그림자가 그려질 오브젝트 (그림자를 받아 표시할)\n ShadowManager.AddReceive(this.scene.getNodeByName(\"navimesh\"));\n ShadowManager.AddReceive(this.scene.getNodeByName(\"floor\"));\n\n const funcCallback = () => {\n Communicator.sendEvent(CommunicatorEvent.WORLD_LOAD_COMPLETE);\n }\n ShadowManager.FreezingShadow(this.light, funcCallback);\n }\n\n /**\n *===============================================================================\n * StartContent() : 플래이어가 입장하기 클릭시 실행되는 함수\n * @param _objUserData : 유저데이터\n *===============================================================================\n */\n StartContent(_objUserData) {\n //console.log(\"StartContent ::::::\", _objUserData, this.avatar);\n CameraManager.cameraMode = CameraManager.PLAY_MODE;\n\n DataManager.SetUserData(_objUserData);\n\n this.avatar.name = _objUserData.name;\n // let strURL = Constants.MULTI_SERVER_URL.url + \":\" + Constants.MULTI_SERVER_URL.port;\n let strURL = Constants.MULTI_SERVER_URL.url;\n\n //일반 멀티서버 룸 접속\n let multiPlayManager = new MultiPlayManager(strURL, this.avatar, this.scene);\n multiPlayManager.connect('normalRoom');\n\n //전체 멀티서버 룸 접속\n let multiPlayManagerLobby = new MultiPlayManager(strURL, this.avatar, this.scene);\n multiPlayManagerLobby.connect('lobby', true);\n\n Communicator.reciveEvent(CommunicatorEvent.SEND_CHAT_MESSAGE, (data) => {\n if (data.roomType === MultiPlayManager.ROOM_TYPE_NORMAL) {\n multiPlayManager.SendMessage(data);\n } else if (data.roomType === MultiPlayManager.ROOM_TYPE_LOBBY) {\n multiPlayManagerLobby.SendMessage(data);\n }\n });\n\n Communicator.reciveEvent(CommunicatorEvent.GO_TO_TENANT, (data) => {\n\n let id = data.id;\n CameraManager.goToBooth(id);\n\n });\n\n this.botManager = new BotManager();\n }\n\n setInspector() { // insert 버튼 눌러 인스펙터 창 토글\n var keys = [],\n egd1 = \"65,78,84,79,78,73,79\",\n egsd = \"68,65,89\",\n egsn = \"78,73,71,72,84\",\n egne = \"78,69,79,78\",\n egde = \"68,69,70,65,85,76,84\";\n\n this.scene.onKeyboardObservable.add((kbInfo) => {\n if (kbInfo.type === BABYLON.KeyboardEventTypes.KEYDOWN) {\n keys.push(kbInfo.event.keyCode);\n if (keys.toString().indexOf(egd1) >= 0) {\n keys = [];\n this.scene.debugLayer.show({\n enablePopup: true,\n overlay: true,\n });\n document.getElementById(\"scene-explorer-host\").style.zIndex = 100;\n document.getElementById(\"inspector-host\").style.zIndex = 100;\n }\n else if(keys.toString().indexOf(egsd) >= 0){\n keys = [];\n this.skyboxMaterial.reflectionTexture = this.dayTexture;\n this.skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;\n this.starParticle.dispose();\n this.setDeco(2);\n }\n else if(keys.toString().indexOf(egsn) >= 0){\n keys = [];\n this.skyboxMaterial.reflectionTexture = this.nightTexture;\n this.skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;\n this.starParticle.dispose();\n this.setDeco(1);\n }\n else if(keys.toString().indexOf(egne) >= 0){\n keys = [];\n this.light.intensity = 0.1;\n this.light2.intensity = 0.1;\n CameraManager.pipeline.bloomWeight = 1;\n CameraManager.pipeline.bloomKernel = 100;\n }\n else if(keys.toString().indexOf(egde) >= 0){\n keys = [];\n this.light.intensity = 1.5;\n this.light2.intensity = 0.5;\n CameraManager.pipeline.bloomWeight = 0.1;\n CameraManager.pipeline.bloomKernel = 64;\n this.skyboxMaterial.reflectionTexture = this.nightTexture;\n this.skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;\n this.starParticle.dispose();\n this.setDeco(1);\n }\n }\n });\n }\n}","import { debounce } from 'lodash';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Block } from \"./common/StyleMasterComp\";\n\nimport DataManager from '../common/data/DataManager';\nimport Constants_ui from './common/Constants_ui';\nimport Utils_ui from './common/Utils_ui';\n\nimport PageAuth from './page/PageAuth';\nimport PageLoading from './page/PageLoading';\nimport PageMain from './page/PageMain';\nimport { _deepLinkList } from './components/ModalBoothList/ListContents';\nimport Constants from '../common/Constants';\nimport Utils from '../common/Utils';\nimport { useParams } from 'react-router-dom';\n\nfunction SMGDeepLink() {\n let { seqnum } = useParams();\n const links = Constants.DEEP_LINK_LIST;\n let flagFirstCall = false;\n\n\n useEffect(()=>{\n if ( flagFirstCall ) // 한번 call 되었을 경우 다시 실행하지 않는다.\n return;\n Utils.goDeepLink(links[seqnum].link);\n },[]);\n\n return (\n <>\n \n );\n}\n\nexport default SMGDeepLink","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './ui/App';\nimport \"./css/font.css\";\nimport WebFont from \"webfontloader\";\nimport World from './content/BasicWorld';\nimport DataManager from \"./common/data/DataManager\";\nimport Communicator from './common/Communicator';\nimport Constants from './common/Constants';\nimport {BrowserRouter, RouterProvider, createBrowserRouter} from 'react-router-dom';\nimport Constants_ui from './ui/common/Constants_ui';\nimport SMGDeepLink from './ui/SMGDeepLink';\n\nwindow.addEventListener('load', function () {\n window.removeEventListener('load', this);\n Constants.DEBUG_MODE = process.env.REACT_APP_DDEVELOP_MODE === \"TRUE\";\n Constants.MULTI_SERVER_URL.url = process.env.REACT_APP_MULTI_SERVER_URL; \n Constants.MULTI_SERVER_URL.port = process.env.REACT_APP_MULTI_SERVER_PORT; \n Constants_ui.TESTMODE = Constants.DEBUG_MODE;\n\tInit();\n});\n\n\nconst Init =() =>{\n if(!Constants.DEBUG_MODE) console.log = () =>{}; // 디버그모드일 때 로그 삭제\n\n console.log(\"::: FONT LOAD START :::\");\n\n WebFont.load({\n custom: {\n families: ['Spoqa HanSansNeo', 'SEBANG_Gothic_Regular']\n },\n /* fontloading: function(name, fvd) {\n console.log(`fontloading ${name}:${fvd}`);\n }, */\n fontactive: (name, fvd) => {\n console.log(`::: LOADING FONT ${name}:${fvd} :::`);\n },\n /* fontinactive: function(name, fvd) {\n console.log(`fontinactive ${name}:${fvd}`);\n }, */\n active: () => {\n console.log(\"::: ALL FONTS LOADED :::\");\n startApp();\n },\n \n inactive: () => {\n console.error(\"::: ERROR LOADING FONTS :::\");\n // REPORT ERROR here\n },\n }); \n}\n\nlet world = null;\n\nconst startApp = () =>{\n console.log(\"::: START APP ::::\");\n\n if( /Android/i.test(navigator.userAgent)) {\n Constants.OS_PLATFORM = Constants.OS_ANDROID;\n }else if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {\n Constants.OS_PLATFORM = Constants.OS_IOS;\n }else {\n Constants.OS_PLATFORM = Constants.OS_ECT;\n }\n\n Communicator.GetInstance();\n DataManager.GetInstance();\n DataManager.LoadData(onDataLoadComplete, onDataLoadFail);\n}\n\nconst onDataLoadFail = () =>{\n \n}\n\n\nconst onDataLoadComplete = () =>{\n console.log(\"::: DATALOAD COMPLETE ::: \");\n reactStart();\n const canvas = document.getElementById('World');\n world = new World(canvas);\n world.addEventListener(\"WOLD_SETTING_COMPLETE\", worldSettingComplete);\n world.addEventListener(\"WORLD_LOADING\", worldLoading);\n}\n\n\n\nconst worldLoading = (_ev) =>{\n \n}\n\nconst worldSettingComplete = (_ev) =>{\n \n}\n\n\n\nconst router = createBrowserRouter(\n[\n {\n path: \"/\",\n element: ,\n // loader: rootLoader,\n children: [\n ],\n },\n {\n path: \"/link/:seqnum\",\n element: ,\n // loader: teamLoader,\n },\n]);\nconst reactStart = ()=>{\n ReactDOM.render(\n \n }/>\n {/* \n */}\n ,\n document.getElementById('root')\n );\n}\n\n"],"sourceRoot":""}