\\n
\\n\\n
\\n
\\n
\\n
use ⌨️ {{config.key_mapping}} to move change
\\n
\\n\\n
\\n\\n
\\n
\\n \\n \\n
\\n
\\n
~/{{gameDataModel.map[0].name}}/ \\n
\\n
\\n\\n
\\n 🐸 Climb \\n 🚪 \\n 🔎 \\n\\n 0 && (currentinteraction.type === 1 || currentinteraction.type === 8)\\\" id=\\\"openPostBtn\\\" (click)=\\\"addReply(currentinteraction.value.id)\\\">💬 Reply to >>{{currentinteraction.value.id}} \\n 0 && currentinteraction.type === 2 \\\" id=\\\"openPostingBtn\\\"(click)=\\\" openPostingUI()\\\">✍️ \\n 0 && (currentinteraction.type === 2 || currentinteraction.type === 8)\\\" id=\\\"openPostingBtn\\\" (click)=\\\" openPaintingUI()\\\">🎨 \\n\\n 🤚 Get item {{currentinteraction.value.name}} \\n ⛩️ Go to /{{currentinteraction.value}} \\n More info /{{currentinteraction.value}} \\n \\n
\\n\\n
-1\\\">\\n Plan to reply to >>{{reply}} 🗑️ \\n
\\n\\n
\\n +{{item.name}}
\\n
\\n\\n
\\n
\\n \\n\\n
\\n \\n\\n \\n \\n
\\n\\n
\\n\\n
\\n \\n
\\n
#{{gameDataModel.player.id}}
🧠 \\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n Due moderation issues post is currently limited. {{gameDataModel.postsLeft}} post(s) left.
\\n 🐦 Twitter - 💰 Donations \\n \\n
\\n
\\n \\n
\\n \\n\\n
\"","import { Component, OnInit, ElementRef, ViewChild, HostListener } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { Game } from '../../motor/game';\nimport { GameUIServiceService } from '../../services/game-uiservice.service'\nimport { InteractionModel } from '../../models/interaction-model';\nimport { ChanWebService } from 'src/app/services/chan-web.service';\nimport { OfflineService } from 'src/app/services/offline.service';\nimport { PostModel } from '../../models/post.model';\nimport { PlayerModel } from 'src/app/models/player.model';\nimport { ConfigModel } from 'src/app/models/config.model';\nimport { GameDataModel } from 'src/app/models/game-data.model';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-gl-view',\n templateUrl: './gl-view.component.html',\n styleUrls: ['./gl-view.component.css']\n})\nexport class GlViewComponent implements OnInit {\n\n public gameState : number;\n public currentinteraction: InteractionModel;\n public pinnedPostModel : PostModel;\n public playerData : PlayerModel = new PlayerModel();\n public gameDataModel : GameDataModel = new GameDataModel();\n public config : ConfigModel = new ConfigModel();\n public game : Game;\n public isMobile: boolean = false;\n public adDisplay: boolean = true;\n\n public currentMapKey: string = \"alpha\";\n public clientURL: string = \"\";\n public chanList: string[];\n\n public reply: number = -1;\n\n constructor(private gameUIServiceService : GameUIServiceService,\n private chanWebService: ChanWebService,\n private offlineService: OfflineService,\n private router: Router,\n private route: ActivatedRoute,\n private deviceService: DeviceDetectorService) {\n\n this.router.routeReuseStrategy.shouldReuseRoute = () => false;\n this.route.params.subscribe( params => {\n this.currentMapKey = params['map'];\n console.log(this.currentMapKey);\n });\n\n this.clientURL = environment.clientUrl;\n }\n\n ngOnInit() {\n\n this.clientURL = environment.clientUrl;\n this.chanList = this.offlineService.getChanData();\n console.log( this.chanList);\n\n this.gameUIServiceService.changeStateEmitter.subscribe( (state_)=> {\n this.changeGameState(state_);\n if(state_ === GameUIServiceService.STATE_NO_PLAYER) this.router.navigate(['/']);\n });\n\n this.gameUIServiceService.sendInteractionsEmitter.subscribe( (inter_)=> {\n this.receiveInteraction(inter_ );\n });\n\n \n this.gameUIServiceService.changeGameDataEmitter.subscribe( (gameData_: GameDataModel)=> {\n this.gameDataModel = gameData_;\n\n if(this.currentMapKey !== this.gameDataModel.player.map_key){\n this.currentMapKey = this.gameDataModel.player.map_key;\n this.adDisplay = true;\n }\n \n });\n\n this.gameUIServiceService.changeConfigEmitter.subscribe( (config_: ConfigModel)=> {\n this.config =config_;\n });\n\n this.isMobile = this.deviceService.isMobile();\n\n\n // Create our game class using the render canvas element\n this.game = new Game('renderCanvas');\n //alert(\"desktop: \"+this.deviceService.isDesktop()+\" mobile:\"+this.deviceService.isMobile()+\" tablet: \"+this.deviceService.isTablet());\n if(!this.deviceService.isDesktop()){\n this.game.activeJoystick();\n /*alert(\"desktop: \"+this.deviceService.isDesktop+\" mobile:\"+this.deviceService.isDesktop+\" tablet: \"+\n this.deviceService.isTablet);*/\n } \n \n this.game.setUIService(this.gameUIServiceService);\n this.game.setWebService(this.chanWebService); \n this.game.setOfflineService(this.offlineService); \n this.game.setClientUrl( this.clientURL );\n this.game.setMapKey(this.currentMapKey);\n this.game.setRouter(this.router);\n this.game.initGame();\n }\n\n @ViewChild('renderCanvas') renderCanvas: ElementRef;\n\n ngAfterViewInit(): void {\n \n //console.log(window.screen);\n this.renderCanvas.nativeElement.width = (window.screen.width);\n this.renderCanvas.nativeElement.height = (window.screen.availHeight);\n //console.log(JSON.stringify(window.screen));\n\n window.onresize = ()=>{\n this.renderCanvas.nativeElement.height = (window.screen.availHeight);\n this.renderCanvas.nativeElement.width = (window.screen.width);\n }\n}\n\n \n\n changeGameState(state_: number){\n this.gameState = state_;\n //console.log(\"this.gameState =\"+this.gameState );\n }\n\n receiveInteraction(inter_ : InteractionModel){\n this.currentinteraction = inter_;\n }\n\n /***** INTERACTION! ******/\n openUrl(){\n //window.open(this.currentinteraction.value, \"_blank\");\n this.gameState = 2;\n }\n\n openCMD(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_CMD_UI);\n }\n\n climbLadder(){\n this.game.climbObject();\n }\n\n openDoor(){\n this.game.openDoor();\n }\n\n openPostingUI(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_POSTING_UI);\n }\n\n openPaintingUI(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_PAINTING_UI);\n }\n\n openInfoUI(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_INFO_UI);\n }\n\n openPlayerUI(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_PLAYER_UI);\n }\n\n onPin(event_){\n if(this.pinnedPostModel != null) this.pinnedPostModel = null;\n this.pinnedPostModel = event_;\n console.log( this.pinnedPostModel );\n }\n\n unPin(event_){\n //console.log( \"unpin\");\n this.pinnedPostModel = null\n }\n\n closeAd(event_){\n this.adDisplay = false;\n }\n\n changeMapping(){\n this.game.switchKeyMapping();\n }\n\n passGate(val_){\n this.game.passGet(val_);\n }\n\n getItem(key_){\n //console.log(\"get item\");\n this.game.getItem(key_);\n }\n\n addReply(id_){\n this.reply = id_;\n }\n\n destroyReply(){\n this.reply = -1;\n }\n\n @ViewChild('renderCanvas') elementCanvas:ElementRef;\n savePhoto(){\n\n alert(\"try to write picture\");\n let canvas = document.getElementById(\"renderCanvas\") as HTMLCanvasElement;\n console.log(canvas);\n \n //let photoUrl = canvas.getContext('2d').getImageData(0,0,600,600)\n let data = canvas.toDataURL('image/png');\n \n //document.location.href = photoUrl;\n console.log(data);\n let w=window.open('about:blank','Screen Capture');\n w.document.write(\"
\");\n\n }\n\n gotTo(url_){\n window.open(url_, '_blank');\n }\n\n changeTalk(e_){\n console.log(e_);\n this.game.changeTalk(e_);\n }\n\n\n ngOnDestroy(){\n /*\n this.gameUIServiceService.changeStateEmitter.unsubscribe();\n this.gameUIServiceService.sendInteractionsEmitter.unsubscribe();\n this.gameUIServiceService.changeGameDataEmitter.unsubscribe();\n this.gameUIServiceService.changeConfigEmitter.unsubscribe();*/\n delete this.game;\n\n }\n}\n","module.exports = \".container{\\n /*background-image: \\n linear-gradient( rgba(0,0,0,.5), rgba(0, 0, 0, 0.6) ),\\n url(\\\"/assets/img/home_bg.jpeg\\\");*/\\n padding: 25px;\\n /*overflow: scroll;*/\\n -webkit-overflow-scrolling: touch;\\n color: white;\\n text-align: center;\\n}\\n\\ndiv {\\n margin-bottom: 8px;\\n}\\n\\n.overlay {\\n z-index: 1;\\n height: 100%;\\n width: 100%;\\n position: fixed;\\n overflow: auto;\\n top: 0px;\\n left: 0px;\\n background: rgba(0, 0, 0, 0.7); /*can be anything, of course*/\\n}\\n\\n#pres-screen {\\n\\n width : 100%;\\n text-align: center;\\n}\\n\\n#header {\\n color: white;\\n}\\n\\n#twitter {\\n width:550px;\\n margin: 20px auto;\\n}\"","module.exports = \"
\\n
\\n\\n
\\n Press Start 🎮 \\n
\\n\\n \\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { environment } from '../../../environments/environment';\nimport {Router} from '@angular/router';\nimport { OfflineService } from 'src/app/services/offline.service';\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.css']\n})\nexport class HomeComponent implements OnInit {\n\n public isMobile:boolean = false;\n public isTOSAccepted: boolean = false;\n \n constructor(public deviceService: DeviceDetectorService, private router: Router,\n private offlineService: OfflineService) { }\n\n ngOnInit() {\n this.isMobile = this.deviceService.isMobile();\n let url = location.href;\n if(url.indexOf(environment.clientUrl) < 0){\n window.location.href = environment.clientUrl;\n }\n\n let playerData_ = this.offlineService.getPlayerData();\n if(playerData_ != null){\n this.isTOSAccepted = true;\n }\n }\n\n launchGame(){\n this.router.navigateByUrl('/ch/alpha');\n }\n\n}\n","module.exports = \".post-ui-message{\\n position:relative;\\n max-width: 650px;\\n left: 0;\\n right: 0;\\n margin: auto;\\n\\n padding : 10px;\\n margin-bottom : 18px;\\n background-color: rgb(189, 198, 247);\\n border-style: solid;\\n border-width: 1px;\\n border-color: #a99ec7;\\n border-radius: 5px;\\n\\n height: 100%;\\n overflow-y: auto;\\n}\\n\\n#container{\\n position:relative;\\n max-width: 650px;\\n left: 0;\\n right: 0;\\n margin: auto;\\n\\n padding : 10px;\\n margin-bottom : 18px;\\n background-color: rgb(189, 198, 247);\\n border-style: solid;\\n border-width: 1px;\\n border-color: #a99ec7;\\n border-radius: 5px;\\n\\n height: 100%;\\n overflow-y: auto;\\n}\\n\\ndiv {\\n margin-bottom: 8px;\\n}\\n\"","module.exports = \"
\\n\\n
\\n
About Protaguro$ \\n
\\n I am Alex Krunch, Imageboard lover since now ten years and I've created Protaguro$ (the project name will change soon)\\n In response to the growing and industrialized censorship on social medias. This whole 3D world is set to work as\\n an abstraction, protecting our LULZ from the outside. Soon I will make a blog explaining the whole ideology of the Project,\\n and also cool technical feature I will implement, like secrets board, items management and
torrenting files in game .\\n\\n Keep in mind it's a prototype and than bug and database reset will be a frequent thing.\\n\\n You can keep news of THE PROJECT here:\\n
https://twitter.com/alexkrunch \\n\\n You can also contact by mail at
monsieur.krunch@gmail.com \\n
\\n\\n
\\n If you want to make a 💴 DONATION 💴 to the cause, here are the crypto address:
\\n\\n
\\n
\\n Bitcoin address:bc1qwc7zaa4tfeertxwk46jv9meyup9ep9cre8l8p7 0xEE914adbb0A83e0FD8B90E292CAc6280D26b6b66
\\n
\\n \\n
\\n
Close \\n\\n
\\n\\n
\\n\"","import { Component, OnInit } from '@angular/core';\nimport { GameUIServiceService } from 'src/app/services/game-uiservice.service';\n\n@Component({\n selector: 'app-info-view',\n templateUrl: './info-view.component.html',\n styleUrls: ['./info-view.component.css']\n})\nexport class InfoViewComponent implements OnInit {\n\n constructor(private gameUIServiceService: GameUIServiceService) { }\n\n ngOnInit() {\n }\n\n closeCanvas(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n }\n\n}\n","module.exports = \"#contentLogin{\\n text-align: center;\\n}\\n\\ndiv {\\n margin-bottom: 8px;\\n}\\n\\nbutton{\\n margin: 1px 1px 4px 1px;\\n }\\n\"","module.exports = \"
\\n\\n
\\n Try to get a player token...\\n
\\n\\n
\\n
-We do not allow CP / Non-ironical hatespeech / porn / doxxing / pirated content. \\n -You need to be +18 to access this game.
\\n -Don't trust anythings written on the game, it's all fake news.
\\n -Don't talk about the game.
\\n -Keep in mind t's an experimental project, it will be often broke. For more information contact monsieur.krunch@gmail.com,\\n or check my twitter account,
@AlexKrunch 🚬
\\n
OK, I get it \\n
\\n\\n
\\n\\n
\\n What you get.. 🧠 {{playerData.player_key}} \\n Launch game 🎮 \\n Launch admin \\n Cancel \\n
\\n\\n
\"","import { Component, OnInit } from '@angular/core';\nimport {Router} from '@angular/router';\nimport { ChanWebService } from 'src/app/services/chan-web.service';\nimport { OfflineService } from 'src/app/services/offline.service';\nimport { PlayerResponseModel } from '../../models/player.response.model';\nimport { PlayerModel } from '../../models/player.model';\nimport { GameDataResponseModel } from 'src/app/models/game-data.response.model';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n\n anonId: number;\n anonToken: string;\n password: string;\n\n errorWs: string;\n isLoading: boolean = false;\n isTOSAccepted: boolean = false;\n playerData: PlayerModel; \n\n constructor(private chanWebService: ChanWebService, private offlineService: OfflineService,\n private router: Router) { }\n\n ngOnInit() {\n\n let playerData_ = this.offlineService.getPlayerData();\n if(playerData_ != null){\n this.anonId = playerData_.id;\n this.anonToken = playerData_.player_key;\n this.isTOSAccepted = true;\n }\n\n }\n\n //Call the WS\n createUser(){\n console.log(\"createUser\");\n this.isLoading = true;\n this.chanWebService.createUser( this.anonId, this.anonToken, this.password, \"\" ).subscribe(\n //Data success\n (data : GameDataResponseModel) => {\n this.isLoading = false;\n if(data.ok){\n this.playerData = data.result.player;\n this.offlineService.savePlayer(this.playerData);\n } else {\n this.errorWs = data.error;\n }\n }\n );\n }\n\n //Call the WS\n createNewUser(){\n \n this.anonId = 0;\n this.anonToken =\"\";\n\n this.createUser();\n }\n\n validAndLaunchGame(){\n this.router.navigateByUrl('/ch/alpha');\n }\n\n validAndLaunchAdmin(){\n this.router.navigateByUrl('/admin-post');\n }\n\n acceptTOS(){\n this.isTOSAccepted = true;\n }\n\n}\n","module.exports = \"\"","module.exports = \"
\\n
\\n\\n
\\n \\n\\n
\\n \\n\\n
\\n
\\n\"","import { Component, OnInit, Input } from '@angular/core';\nimport { UrlParser } from 'src/app/utils/urlParser';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n selector: 'app-media-display',\n templateUrl: './media-display.component.html',\n styleUrls: ['./media-display.component.css']\n})\nexport class MediaDisplayComponent implements OnInit {\n\n @Input() url : string;\n urlParse : UrlParser;\n safeTubeURL;\n\n constructor(private sanitizer : DomSanitizer) { }\n\n ngOnInit() {\n if(this.url != null){\n this.urlParse = new UrlParser(this.url);\n this.safeTubeURL = this.urlParse.getSafeTubeURL(this.sanitizer);\n }\n }\n\n}\n","module.exports = \".post-ui-message{\\n position:relative;\\n /*max-width: 480px;*/\\n left: 0;\\n right: 0;\\n margin: auto;\\n padding : 10px;\\n margin-bottom : 18px;\\n background: rgb(189, 198, 247);\\n border-style: solid;\\n border-width: 1px;\\n border-color: #a99ec7;\\n border-radius: 5px;\\n height: 95%;\\n overflow-y: auto;\\n}\\n\\n#canvas-right{\\n width: 460px;\\n position:absolute;\\n}\\n\\n#tool-right{\\n position:absolute;\\n width: 480px;\\n height: 100%;\\n left: 480px;\\n top: 0px;\\n}\\n\\ntextarea\\n{\\n width: 220px;\\n margin: 0;\\n}\\n\\n#painting-board {\\n width: 460px;\\n height: 460px;\\n /*background-color: whitesmoke;*/\\n background-image:\\n url(\\\"/assets/img/grid.png\\\");\\n\\n}\\n\\n#brush-size{\\n position: relative;\\n background-color: black;\\n width: 10px;\\n height: 10px;\\n}\\n\\nbutton{\\n margin: 1px 1px 4px 1px;\\n}\"","module.exports = \"
\\n\\n
\\n\\n \\n \\n
\\n\\n
\\n\\n
\"","import { Component, OnInit, Input, ViewChild,ElementRef, Output, EventEmitter } from '@angular/core';\nimport {GameUIServiceService} from '../../services/game-uiservice.service'\nimport { InteractionModel } from '../../models/interaction-model';\nimport { PostModel } from 'src/app/models/post.model';\nimport { ChanWebService } from 'src/app/services/chan-web.service';\nimport { PostStuffResponseModel } from '../../models/postStuff.response.model';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport 'pepjs'\nimport { Size } from 'babylonjs';\n\n@Component({\n selector: 'app-painting-ui',\n templateUrl: './painting-ui.component.html',\n styleUrls: ['./painting-ui.component.css']\n})\nexport class PaintingUiComponent implements OnInit {\n\n @Input() canvasKey: string;\n @Input() urlBgPicture: string;\n @Input() reply: number;\n @Output() onDestroyReply = new EventEmitter
();\n @ViewChild('paintingCanvas') elementCanvas:ElementRef;\n\n public imageBg;\n public context: CanvasRenderingContext2D;\n public isLoading : boolean = false;\n postModel: PostModel;\n private canvasPercent = 0;\n private isFinalExport: boolean = false;\n\n\n constructor(private gameUIServiceService : GameUIServiceService, private chanWebService: ChanWebService,\n private deviceService: DeviceDetectorService) { }\n\n ngOnInit() {\n\n this.postModel = new PostModel();\n this.postModel.map_key = \"\";\n this.postModel.canvas_key = this.canvasKey;\n this.postModel.message = \"\";\n this.postModel.graffiti = true;\n this.postModel.reply = this.reply;\n\n if(this.urlBgPicture != null){\n this.imageBg = new Image();\n this.imageBg.crossOrigin = \"Anonymous\";\n this.imageBg.src = this.urlBgPicture;\n console.log('this.urlBgPicture: '+this.urlBgPicture);\n this.imageBg.onload = () => {\n this.redraw();\n };\n }\n \n //is Mobile? We need to make teh mouse move with pepjs\n // if(!this.deviceService.isDesktop()){\n\n this.elementCanvas.nativeElement.addEventListener( \"pointerdown\", ( event_ ) => {\n this.paint = true;\n this.canvasMouseDown( event_ );\n });\n\n this.elementCanvas.nativeElement.addEventListener( \"pointermove\", ( event_ ) => {\n this.canvasMouseMove( event_ );\n });\n\n this.elementCanvas.nativeElement.addEventListener( \"pointerup\", ( event_ ) => {\n this.canvasMouseUp( event_ );\n });\n\n //}\n }\n\n ngAfterViewInit(): void {\n this.context = (this.elementCanvas.nativeElement).getContext('2d');\n }\n\n closeCanvas(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n }\n \n getImg(){\n let data: string = this.elementCanvas.nativeElement.toDataURL(\"image/png\");\n data += \"snffch\";\n return data;\n }\n\n dataURItoBlob(dataURI) {\n const byteString = window.atob(dataURI);\n const arrayBuffer = new ArrayBuffer(byteString.length);\n const int8Array = new Uint8Array(arrayBuffer);\n for (let i = 0; i < byteString.length; i++) {\n int8Array[i] = byteString.charCodeAt(i);\n }\n const blob = new Blob([int8Array], { type: 'image/jpeg' }); \n return blob;\n }\n\n\n\n sendImg(){\n\n if( (this.clickX.length +this.clickY.length) < 200){\n alert(\"It's doesn't looks like a big drawing :( \");\n return;\n } \n\n this.isFinalExport = true;\n this.redraw();\n\n this.chanWebService.createAndUploadPaint( this.postModel, this.getImg() ).subscribe(\n //Data success\n (data : PostStuffResponseModel) => {\n //console.log(\"data:\"+data);\n let postStuffResponse : PostStuffResponseModel = data;\n if( postStuffResponse.ok ) {\n\n //console.log(\"result \"+JSON.stringify( postStuffResponse));\n this.destroyReply();\n this.closeCanvas();\n this.gameUIServiceService.forceWS();\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n\n }\n this.isLoading = false;\n this.isFinalExport = false;\n \n },\n error => {\n //console.log(JSON.stringify(error));\n this.isLoading = false;\n this.isFinalExport = false;\n this.redraw();\n }\n );\n\n \n }\n\n /*****************\n * EVENT DEALING WITH PAINTING\n *****************/\n\n clickX = new Array();\n clickY = new Array();\n clickDrag = new Array();\n paint;\n\n clickDurationCurrent = 0;\n clickDurationList = new Array();\n\n //Colors\n colorRed = \"#df4b26\";\n colorPink = \"#ff8cd4\";\n colorBlack = \"#000000\";\n colorPurple = \"#cb3594\";\n colorGreen = \"#659b41\";\n colorYellow = \"#ffcf33\";\n colorBrown = \"#986928\";\n colorBlue = \"#0066ff\";\n colorWhite = \"#ffffff\";\n curColor = this.colorRed;\n clickColor = new Array();\n\n selectedColor = \"#000000\";\n\n clickSize = new Array();\n strokeSize: number = 10;\n\n canvasMouseDown( event_ ){\n\n let mouseX = event_.offsetX + (event_.offsetX * this.canvasPercent);\n let mouseY = event_.offsetY + (event_.offsetY* this.canvasPercent); \n this.paint = true;\n this.addClick(mouseX , mouseY , false);\n this.redraw();\n\n }\n\n canvasMouseUp( event_ ){\n this.paint = false;\n this.clickDurationList.push(this.clickDurationCurrent);\n this.clickDurationCurrent = 0;\n }\n\n canvasMouseMove( event_ ){\n\n if(this.paint){\n let mouseX = event_.offsetX + (event_.offsetX* this.canvasPercent);\n let mouseY = event_.offsetY + (event_.offsetY* this.canvasPercent);\n this.addClick(mouseX , mouseY, true);\n this.redraw();\n this.clickDurationCurrent += 1;\n }\n }\n\n addClick(x, y, dragging){\n\n this.clickX.push(x);\n this.clickY.push(y);\n this.clickDrag.push(dragging);\n //console.log(this.selectedColor);\n this.clickColor.push(this.curColor);\n this.clickSize.push(this.strokeSize);\n }\n\n redraw(){\n\n this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height); // Clears the canvas\n this.context.lineJoin = \"round\";\n this.context.lineWidth = 10;\n\n //set bg image if it exist\n \n if(this.imageBg && !this.isFinalExport){\n\n let ratio;\n let newWidth;\n let newHeight;\n let newX = 0;\n let newY = 0;\n\n if(this.imageBg.height > this.imageBg.width) {\n\n ratio = this.elementCanvas.nativeElement.height / this.imageBg.height;\n newWidth = this.imageBg.width * ratio;\n newHeight = this.imageBg.height * ratio;\n newX = (newWidth - this.elementCanvas.nativeElement.width) * (-0.5);\n\n } else {\n\n ratio = this.elementCanvas.nativeElement.width / this.imageBg.width;\n newWidth = this.imageBg.width * ratio;\n newHeight = this.imageBg.height * ratio;\n newY = (newHeight - this.elementCanvas.nativeElement.height ) * (-0.5);\n\n }\n\n this.context.drawImage(this.imageBg, newX, newY,newWidth, newHeight );\n }\n \n for(var i=0; i < this.clickX.length; i++) {\n this.context.beginPath();\n if(this.clickDrag[i] && i > 0){\n this.context.moveTo(this.clickX[i-1], this.clickY[i-1]);\n }else{\n this.context.moveTo(this.clickX[i], this.clickY[i]);\n }\n this.context.lineTo(this.clickX[i], this.clickY[i]);\n this.context.closePath();\n this.context.strokeStyle = this.clickColor[i];\n this.context.lineWidth = this.clickSize[i];\n this.context.stroke();\n }\n }\n\n /*****************\n * DEALING with painting style\n *****************/\n\n changeColor(color_){\n this.curColor = color_;\n }\n\n clear(){\n \n if(this.clickDurationList.length > 0){\n let lastDuration = this.clickDurationList.pop();\n this.clickColor = this.clickColor.slice(0, this.clickColor.length-lastDuration-1);\n this.clickX = this.clickX.slice(0, this.clickX.length-lastDuration-1);\n this.clickY = this.clickY.slice(0, this.clickY.length-lastDuration-1);\n this.clickDrag = this.clickDrag.slice(0, this.clickDrag.length-lastDuration-1);\n this.clickSize = this.clickSize.slice(0, this.clickSize.length-lastDuration-1);\n this.redraw();\n }\n \n }\n\n destroyReply(){\n this.reply = -1;\n this.onDestroyReply.emit(-1);\n }\n\n}\n","module.exports = \"#container{\\n position: absolute;\\n margin: auto;\\n max-width: 650px;\\n left: 0;\\n right: 0;\\n height: 100%;\\n}\"","module.exports = \"();\n\n constructor() { }\n\n ngOnInit() {\n\n }\n\n ngOnChanges(changes: any) {\n\n if(changes != null && changes.postModel != null){\n this.postModel = changes.postModel.currentValue;\n }\n\n }\n\n closePost(){\n this.close.emit();\n }\n\n}\n","module.exports = \".post-viewer-ui-message{\\n position:relative;\\n /*max-width: 650px;*/\\n left: 0;\\n right: 0;\\n margin: auto;\\n padding : 10px;\\n margin-bottom : 18px;\\n background: rgb(247, 189, 225);\\n border-style: solid;\\n border-width: 1px;\\n border-color: #c79eb7;\\n border-radius: 5px;\\n height: 95%;\\n width: 100%;\\n overflow-y: auto;\\n }\\n\\n.spoil{\\n width: 100%;\\n background-color: rgb(71, 71, 71);\\n color: rgb(71, 71, 71);\\n}\"","module.exports = \"\\n \\n
You are 👺 #{{gameDataModel.player.id}} 🧠 \\n 💉 HP: {{gameDataModel.player.hp}}%
\\n
token 🗝️ {{gameDataModel.player.player_key}}
\\n
If you want to play on the new machine, just copy and past this ID and Token and enter them when you reconnect. \\n
\\n
🎒 inventory, the items you own
\\n ------------------------------------------
\\n
\\n 💍 {{item.name}} \\n quantity: {{item.value}}
\\n ------------------------------------------
\\n\\n
Close \\n
\\n\\n
\\n
>>{{postModel.id}} Δ , by
#{{postModel.player_id}} \\n
= 0\\\" >Reply to >>{{ postModel.reply }}
\\n
{{postModel.message}}
\\n
\\n \\n
\\n
\\n URL:
{{postModel.url}} \\n
To report content, write to monsieur.krunch@gmail.com, mentionning the ID of the post. \\n
Pin the post Close \\n -----------------------------------------------------
\\n
\\n Delete the post 🗑️ \\n Active or Disactive canon status Δ \\n Transform URL to File 🧙 \\n \\n
\\n
\\n\\n
\\n
>>{{post.id}} Δ by
#{{post.player_id}} \\n
= 0\\\" >Reply to >>{{ post.reply }}
\\n
{{post.message}}
\\n
\\n
\\n
\\n URL:
{{post.url}} \\n
To report content, write to monsieur.krunch@gmail.com, mentionning the ID of the post. \\n
Pin the post Close \\n -----------------------------------------------------
\\n
\\n Delete the post 🗑️ \\n Active or Disactive canon status Δ \\n Transform URL to File 🧙 \\n \\n
\\n
\\n\\n
();\n @Output() onReply = new EventEmitter();\n imgValue : string;\n urlParse : UrlParser;\n postModelList: PostModel[] = [];\n\n constructor(private gameUIServiceService : GameUIServiceService, private chanWebService : ChanWebService ) {\n super();\n }\n\n ngOnInit() {\n\n if(this.postModel){\n this.imgValue = new UrlParser(this.postModel.url).getImage();\n this.chanWebService.getReplyPostList(this.postModel.id).subscribe( (data_: PostListResponseModel) =>{\n console.log(data_);\n if(data_.result){\n if(data_.result.length && data_.result.length >0){\n if(data_.result[0].id != null) this.postModelList = data_.result;\n }\n\n }\n })\n } \n }\n\n ngOnChanges(changes: any) {\n\n if(changes != null && changes.postModel != null){\n this.postModel = changes.postModel.currentValue;\n if(this.postModel != null || this.postModel != undefined) this.imgValue = new UrlParser(this.postModel.url).getImage();\n }\n\n }\n\n closePost(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n }\n\n pinPost(postModel_){\n this.pin.emit(postModel_);\n }\n\n private postToDelete;\n deletePost(postModel_){\n\n this.postToDelete = postModel_;\n console.log(\"this.postToDelete:\"+this.postToDelete);\n this.chanWebService.deletePost(postModel_.id,postModel_.map_key).subscribe(\n //Data success\n (data : GenericResponseModel) => {\n this.gameUIServiceService.deletePost( this.postToDelete);\n this.gameUIServiceService.forceWS();\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n });\n }\n\n canonPost(id_, thread_){\n this.chanWebService.canonPost(id_, thread_).subscribe(\n //Data success\n (data : GenericResponseModel) => {\n this.gameUIServiceService.forceWS();\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n });\n }\n\n banPost(){\n \n }\n\n setPostUrlToFile(id_){\n this.chanWebService.setPostUrlToFile(id_).subscribe(\n //Data success\n (data : GenericResponseModel) => {\n alert(data);\n });\n }\n\n reply(postModel_: PostModel){\n console.log(postModel_.id);\n this.onReply.emit(postModel_.id);\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n }\n\n}\n","module.exports = \".post-ui-message{\\n position:relative;\\n max-width: 650px;\\n left: 0;\\n right: 0;\\n margin: auto;\\n\\n padding : 10px;\\n margin-bottom : 18px;\\n background-color: rgb(189, 198, 247);\\n border-style: solid;\\n border-width: 1px;\\n border-color: #a99ec7;\\n border-radius: 5px;\\n\\n height: 100%;\\n overflow-y: auto;\\n }\\n\\ndiv {\\n margin-bottom: 8px;\\n}\\n\\ntextarea\\n{\\n width: 100%;\\n margin: 0;\\n}\\n\\n.post-message {\\n padding : 10px;\\n margin-bottom : 18px;\\n background: rgb(228, 221, 221);\\n border-style: solid;\\n border-width: 1px;\\n border-color: rgb(131, 123, 123);\\n border-radius: 5px;\\n}\\n\\n.img-preview{\\n max-width: 200px;\\n max-height: 200px;\\n}\\n\\n.post-torrent-info{\\n font-family: 'Courier New', Courier, monospace;\\n font-size: small;\\n padding : 8px;\\n color: white;\\n background:rgb(70, 61, 56);\\n border-radius: 5px;\\n}\\n\\n.post-message img {\\n max-width: 650px;\\n width: 100%;\\n height: auto;\\n}\\n\\n.post-message video {\\n max-width: 650px;\\n width: 100%;\\n height: auto;\\n}\\n\\n.post-message audio {\\n max-width: 650px;\\n width: 100%;\\n}\\n\\nbutton{\\n margin: 1px 1px 4px 1px;\\n }\"","module.exports = \"\\n\\n
\\n \\n
= 0\\\" >reply to >>{{ reply }} 🗑️
\\n Message:
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n \\n\\n
\\n File URL:
\\n \\n
\\n\\n \\n
Post \\n
Cancel \\n\\n
\\n\\n
\\n Posting in progress..\\n
\\n
\\n\\n
\\n Your message has been posted! thanks for your contribution!\\n
\\n\\n \\n\\n
();\n\n public postModel: PostModel;\n isLoading: boolean = false;\n postingFinished: boolean = false;\n hostFile: boolean = false;\n urlParse: UrlParser;\n\n //For files\n file;\n imagePath;\n fileBase64Url;\n\n constructor(private gameUIServiceService : GameUIServiceService,\n private chanWebService: ChanWebService,\n private router : Router,\n private offlineService: OfflineService,\n @Inject(DOCUMENT) private document: Document) {\n super();\n }\n\n ngOnInit() {\n this.postModel = new PostModel();\n this.urlParse = new UrlParser(this.postModel.url);\n this.postModel.canvas_key = this.canvasKey;\n this.postModel.reply = this.reply;\n }\n\n ngOnChanges(changes: any) {\n\n if(this.postModel != null && changes.canvasKey != null) this.postModel.canvas_key = changes.canvasKey.currentValue;\n if(this.isPhonePosting) this.hostFile = true;\n\n }\n\n changeHost(val_:boolean){\n this.hostFile = val_;\n }\n\n preview(files) {\n if (files.length === 0)\n return;\n \n var mimeType = files[0].type;\n if (mimeType.match(/image\\/*/) == null) {\n alert( \"Only images are supported.\");\n return;\n }\n \n var reader = new FileReader();\n this.imagePath = files;\n reader.readAsDataURL(files[0]); \n reader.onload = (_event) => { \n //console.log(reader.result.toString());\n this.fileBase64Url = reader.result.toString(); \n }\n }\n\n sendPost(){\n //this.gameUIServiceService.sendPost(this.postModel);\n console.log(this.file);\n\n if(this.fileBase64Url == null && !this.postModel.url && !this.postModel.message){\n alert(\"It's doesn't looks like a big post :( \");\n return;\n }\n \n this.isLoading = true;\n\n //Use this.\n if(this.hostFile) {\n\n //To host\n this.chanWebService.createAndUploadPaint( this.postModel, this.fileBase64Url ).subscribe(\n //Data success\n (data : PostStuffResponseModel) => {\n \n let postStuffResponse : PostStuffResponseModel = data;\n if( postStuffResponse.ok ) {\n this.destroyReply();\n //console.log(\"result \"+JSON.stringify( postStuffResponse));\n this.gameUIServiceService.forceWS();\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n\n }\n this.isLoading = false;\n this.postingFinished = true;\n \n },\n error => {\n console.log(JSON.stringify(error));\n this.isLoading = false;\n }\n );\n\n } else {\n //Not hosting\n this.chanWebService.createPost( this.postModel ).subscribe(\n //Data success\n (data : PostStuffResponseModel) => {\n \n let postStuffResponse : PostStuffResponseModel = data;\n if( postStuffResponse.ok ) {\n \n //console.log(\"result \"+JSON.stringify( postStuffResponse));\n this.destroyReply();\n //We clean the fields\n this.postModel.url = \"\";\n this.postModel.message = \"\";\n this.gameUIServiceService.forceWS();\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n }\n this.isLoading = false;\n this.postingFinished = true;\n \n },\n error => {\n console.log(JSON.stringify(error));\n this.isLoading = false;\n }\n );\n }\n \n\n }\n\n cancelPost(){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_GAME_RUNNING);\n }\n\n getPhoneLink(){\n let playerModel: PlayerModel = this.offlineService.getPlayerData();\n let phonePostingUrl = environment.clientUrl+\"phone-poster/\"+playerModel.id+\"/\"+playerModel.player_key+\"/\"+this.postModel.canvas_key;\n return phonePostingUrl;\n }\n\n destroyReply(){\n console.log(\"destroyReply()\");\n this.reply = -1;\n this.onDestroyReply.emit(-1);\n }\n}\n","module.exports = \".disable-select {\\n user-select: none; /* supported by Chrome and Opera */\\n -webkit-user-select: none; /* Safari */\\n -khtml-user-select: none; /* Konqueror HTML */\\n -moz-user-select: none; /* Firefox */\\n -ms-user-select: none; /* Internet Explorer/Edge */\\n}\"","module.exports = \"{{tileDisplay}} \\n\"","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { TileModel } from 'src/app/models/tile.model';\n\n@Component({\n selector: 'app-tile-edit',\n templateUrl: './tile-edit.component.html',\n styleUrls: ['./tile-edit.component.css']\n})\nexport class TileEditComponent implements OnInit {\n\n @Input() tileValue;\n @Input() tileBrush;\n \n @Input() x;\n @Input() y;\n @Output() valueChange = new EventEmitter();\n\n @Input() allTiles: TileModel[] = [];\n public tileDisplay: string = \"\";\n\n constructor() { }\n\n ngOnInit() {\n }\n\n paint(){\n //this.tileValue = this.tileBrush;\n this.valueChange.emit( {x: this.x, y:this.y});\n //this.updateDisplay();\n }\n \n ngOnChanges(){\n this.updateDisplay();\n }\n\n updateDisplay(){\n if(this.allTiles != null) {\n this.allTiles.forEach(tile => {\n if(tile.value == this.tileValue){\n this.tileDisplay = tile.display;\n return;\n }\n });\n }\n }\n}\n","module.exports = \"\"","module.exports = \"\"","import { Component, OnInit, Input } from '@angular/core';\nimport { PlayerModel } from 'src/app/models/player.model';\nimport ItemModel from 'src/app/models/item.model';\nimport {Constants} from 'src/app/utils/constants';\nimport { GameDataModel } from '../../models/game-data.model';\n\n@Component({\n selector: 'app-player-interface',\n templateUrl: './player-interface.component.html',\n styleUrls: ['./player-interface.component.css']\n})\nexport class PlayerInterfaceComponent implements OnInit {\n\n @Input() gameDataModel: GameDataModel = new GameDataModel();\n @Input() isPhonePosting: boolean;\n\n constructor() { }\n\n ngOnInit() {\n if( this.gameDataModel == null) this.gameDataModel = new GameDataModel();\n }\n\n\n //test\n canDelete(){\n\n if(this.gameDataModel.player.is_admin) return true;\n\n for (let item of this.gameDataModel.itemsPlayer) {\n if(item.action.toLowerCase().indexOf(Constants.ITEM_KEY_DELETE_SPONGE) >= 0 ) return true;\n }\n\n return false;\n\n }\n\n canFav(){\n \n if(this.gameDataModel.player.is_admin) return true;\n\n for (let item of this.gameDataModel.itemsPlayer) {\n if(item.action.toLowerCase().indexOf(Constants.ITEM_KEY_VARNISH) >= 0 ) return true;\n }\n\n return false;\n\n }\n\n canUpload(){\n\n if(this.gameDataModel.player.is_admin || this.isPhonePosting) return true;\n\n for (let item of this.gameDataModel.itemsPlayer) {\n if(item.action.toLowerCase().indexOf(Constants.ITEM_KEY_UPLOAD_RING) >= 0 ) return true;\n }\n\n return false;\n }\n\n isAdmin(){\n if(this.gameDataModel.player.is_admin) return true;\n\n return false;\n }\n\n}\n","export class ActionModel {\n\n id: number;\n last_action: number;\n name: string;\n player_id: number;\n value: string;\n action: string;\n\n \n}","export class ConfigModel {\n\n //Adding all stuff than are not stored Offline\n public key_mapping: string;\n public server_url: string;\n\n}","import { PostModel } from './post.model';\nimport { PlayerModel } from './player.model';\nimport ItemModel from './item.model';\nimport {MapModel} from './map.model';\nimport {ActionModel} from './action.model';\n\nexport class GameDataModel {\n\n player: PlayerModel = new PlayerModel();\n players: PlayerModel[];\n posts: PostModel[];\n postsLeft: number;\n itemsPlayer: ItemModel[]= [];\n itemsMap: ItemModel[];\n map: MapModel[];\n actions: ActionModel[];\n \n}","export class InteractionModel {\n\n public description: string;\n public value: any;\n public type: number;\n\n public static get TYPE_NONE():number { return 0; }\n public static get TYPE_CANVAS_FULL():number { return 1; }\n public static get TYPE_CANVAS_VIRGIN():number { return 2; }\n public static get TYPE_CLIMB_LADDER():number { return 3; }\n public static get TYPE_OPEN_DOOR():number { return 4; }\n public static get TYPE_GET_ITEM():number { return 5; }\n public static get TYPE_PASS_GATE():number { return 6; }\n public static get TYPE_PANEL():number { return 7; }\n public static get TYPE_CANVAS_TO_GRAFF():number { return 8; }\n public static get TYPE_AD():number { return 9; }\n\n}","import ItemModel from './item.model';\n\nexport class PlayerModel {\n\n public id: number;\n public name: string;\n public talk: string;\n public is_admin: boolean;\n public player_key: string;\n public map_key: string;\n public last_action: number;\n public hp: number;\n public position_x: number;\n public position_y: number;\n public position_z: number;\n\n}","export class PostModel {\n\n id: number;\n reply: number;\n player_id: number;\n player_name: string;\n name: string;\n key: string;\n canvas_key: string;\n date: number;\n map_key: string = \"\";\n message: string = \"\";\n url: string = \"\";\n preview: string = \"\";\n nsfw: boolean = false;\n graffiti: boolean = false;\n is_canon: boolean = false;\n\n magnet: string;\n torrent: string;\n hash: string;\n player_ip: string;\n\n was_deleted: boolean = false;\n\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh, VideoTexture,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite\n } from 'babylonjs';\n\n import * as GUI from 'babylonjs-gui';\n\nimport { Game } from \"./game\";\nimport { MapMaker } from \"./mapMaker\";\nimport { PostModel } from '../models/post.model';\nimport { UrlParser } from '../utils/urlParser';\n\nexport class CanvasPlane {\n\n public objType : String = \"canvas\";\n private gameInstance : Game;\n private mapInstance : MapMaker;\n public dictKey : string;\n public sizeCanvas: number;\n\n public planeMesh: Mesh;\n public planeMeshGraffiti: Mesh;\n\n public isVirgin : boolean = true;\n\n constructor(objType_, dictKey, size, x, y, z, dir){\n\n //Manage diff percentage of size\n this.objType = objType_;\n this.sizeCanvas = size;\n let scaling: number = (objType_ === \"canvas\")? 0.9 : 1;\n this.sizeCanvas = this.sizeCanvas * scaling;\n this.dictKey = this.objType+\"_\"+dictKey+\"_\"+dir;\n this.gameInstance = Game.getInstance();\n this.mapInstance = MapMaker.getInstance();\n\n this.planeMesh = MeshBuilder.CreatePlane( this.dictKey, {size: this.sizeCanvas}, this.gameInstance.scene);\n this.planeMesh.position.y = (size * 0.5) +y;\n\n if(this.objType == \"canvas\"){\n this.mapInstance.registerNewCanvas(this.dictKey ,this);\n } else {\n this.mapInstance.registerNewAd(this.dictKey ,this);\n } \n\n //Determine the orientation of the canvas\n //let dir = this.mapInstance.getCanvasOrientation( this.tileCoordonates[0], this.tileCoordonates[1]);\n //console.log(\"TILE DIR= \"+dir);\n let canvasX: number;\n let canvasY: number;\n let canvasZ: number;\n let canvasAngle: number;\n let gapToTheWall = 0.1;\n /*\n canvasX = x;\n canvasY = (size * -0.5) - (size * 0.1) + y;*/\n \n switch(dir){\n\n case this.mapInstance.DIR_N:\n canvasX = x;\n canvasZ = (size * -0.5) - gapToTheWall + z;\n canvasAngle = 0;\n break;\n\n case this.mapInstance.DIR_E:\n canvasX = (size * -0.5) - gapToTheWall + x;\n canvasZ = z;\n canvasAngle = (Math.PI/180) * 90;\n break;\n\n case this.mapInstance.DIR_S:\n canvasX = x;\n canvasZ = (size * 0.5) + gapToTheWall + z;\n canvasAngle = (Math.PI/180) * 180;\n break;\n\n case this.mapInstance.DIR_W:\n canvasX = (size * 0.5) + gapToTheWall + x;\n canvasZ = z;\n canvasAngle = (Math.PI/180)*270;\n break;\n }\n\n this.planeMesh.position.x = canvasX;\n this.planeMesh.position.z = canvasZ;\n this.planeMesh.rotate(BABYLON.Axis.Y, canvasAngle, BABYLON.Space.WORLD);\n\n let mat = new StandardMaterial(\"matCanvas\", this.gameInstance.scene);\n mat.alpha = 0;\n this.planeMesh.material = mat;\n this.planeMesh.visibility = 0;\n this.planeMesh.material.freeze();\n this.planeMesh.freezeWorldMatrix();\n\n this.postModel = new PostModel();\n this.postModel.canvas_key = this.dictKey;\n \n }\n\n public postModel: PostModel;\n public postModelGraffiti: PostModel;\n private textureContext;\n private texture : BABYLON.DynamicTexture;\n private textureNonDynamic : BABYLON.Texture;\n\n private font_size = 70;\n private font = \"bold \" + this.font_size + \"px Arial\";\n private canvasScale = 900;\n\n //private postImageUrl: string;\n private postImage: HTMLImageElement;\n\n private postImageGraffitiUrl: string;\n private postImageGraffiti: HTMLImageElement;\n\n private mat: StandardMaterial;\n\n /*\n private displayUI: GUI.Rectangle;\n private uiAdvancedTexture: GUI.AdvancedDynamicTexture;\n private label : GUI.TextBlock;*/\n\n setPostData(postModel_: PostModel){\n\n this.initTextureObject();\n\n /* if(postModel_.graffiti) {\n this.postModelGraffiti = postModel_;\n } else {*/\n this.postModel = postModel_;\n //}\n\n let postImageUrl = this.postModel.url;\n\n if(this.postModel.preview == null || this.postModel.preview.length === 0){\n postImageUrl = new UrlParser(postModel_.url).getImage();\n } else {\n postImageUrl = this.postModel.preview;\n }\n\n //Launch picture loading\n if( postImageUrl.length > 0){\n\n if( postModel_.graffiti ){\n\n this.postImageGraffiti = new Image();\n this.postImageGraffiti.crossOrigin = \"anonymous\";\n this.postImageGraffiti.src = postImageUrl;\n this.postImageGraffiti.onload = (event_) => {\n this.imgLoaded();\n }\n\n this.postImageGraffiti.onerror = (event_) => {\n \n this.textureNonDynamic = new Texture(\"./assets/textures/404.png\", this.gameInstance.scene);\n this.mat.diffuseTexture = this.textureNonDynamic;\n this.mat.diffuseTexture.hasAlpha = true;\n this.planeMesh.material = this.mat;\n this.planeMesh.material.freeze();\n }\n\n\n } else {\n\n this.postImage = new Image();\n this.postImage.crossOrigin = \"anonymous\";\n this.postImage.src = postImageUrl;\n this.postImage.onload = (event_) => {\n this.imgLoaded();\n }\n\n this.postImage.onerror = (event_) => {\n\n this.textureNonDynamic = new Texture(\"./assets/textures/404.png\", this.gameInstance.scene);\n this.mat.diffuseTexture = this.textureNonDynamic;\n this.mat.diffuseTexture.hasAlpha = true;\n this.planeMesh.material = this.mat;\n this.planeMesh.material.freeze();\n }\n \n }\n \n \n \n } else {\n //this.texture.drawText(this.postModel.message, null, null, this.font, \"#ffffff\", \"#00000000\", true);\n /*\n this.texture.drawText(this.postModel.message, null, this.canvasScale *0.5, this.font, \"#ffffff\", \"#00000000\", true);\n this.texture.drawText(this.postModel.message, null, (this.canvasScale *0.5) -4, this.font, \"#000000\", \"#00000000\", true);*/\n }\n\n this.planeMesh.visibility = 1;\n this.isVirgin = false;\n this.gameInstance.cleanLastMesh();\n\n //Add text as UI?\n \n if(this.postModel.message) {\n this.texture.drawText(this.postModel.message, null, this.canvasScale *0.5, this.font, \"#7F7F7F\", \"#00000000\", true);\n this.texture.drawText(this.postModel.message, null, (this.canvasScale *0.5) -4, this.font, \"#ffffff\", \"#00000000\", true);\n }\n }\n\n //Dealing with post img loaded\n public imgLoaded(){\n\n\n let ratio;\n let newWidth;\n let newHeight;\n let newX = 0;\n let newY = 0;\n\n if(this.postImage != null){\n if(this.postImage.height > this.postImage.width) {\n\n \n ratio = (this.objType === \"canvas\")? this.canvasScale / this.postImage.height :this.canvasScale / this.postImage.width;\n newWidth = this.postImage.width * ratio;\n newHeight = this.postImage.height * ratio;\n newX = (newWidth - this.canvasScale) * (-0.5);\n\n } else {\n\n ratio = (this.objType === \"canvas\")? this.canvasScale / this.postImage.width: this.canvasScale / this.postImage.height;\n newWidth = this.postImage.width * ratio;\n newHeight = this.postImage.height * ratio;\n newY = (newHeight - this.canvasScale) * (-0.5);\n\n }\n\n this.textureContext.drawImage(this.postImage,newX, newY,newWidth, newHeight);\n }\n \n //If graffiti\n if(this.postImageGraffiti != null) {\n\n ratio = this.canvasScale / this.postImageGraffiti.width;\n console.log(\"ratio= \"+ratio);\n newWidth = this.postImageGraffiti.width * ratio;\n newHeight = this.postImageGraffiti.height * ratio;\n //newY = (newHeight - this.canvasScale) * (-0.5);\n\n this.textureContext.drawImage(this.postImageGraffiti,0, 0,newWidth, newHeight);\n }\n\n if(this.postModel.url.toLocaleLowerCase().indexOf(\".gif\") > 0 ){\n\n this.texture.drawText(\".GIF\", null, this.canvasScale *0.5, this.font, \"#000000\", \"#00000000\", true);\n this.texture.drawText(\".GIF\", null, (this.canvasScale *0.5) -4, this.font, \"#ffffff\", \"#00000000\", true);\n\n } else if(new UrlParser(this.postModel.url).getUrlType() === UrlParser.TYPE_YOUTUBE) {\n\n this.texture.drawText(\">VID\", null, this.canvasScale *0.5, this.font, \"#000000\", \"#00000000\", true);\n this.texture.drawText(\">VID\", null, (this.canvasScale *0.5) -4, this.font, \"#ffffff\", \"#00000000\", true);\n\n } else if(this.postModel.message) {\n \n this.texture.drawText(this.postModel.message, null, this.canvasScale *0.5, this.font, \"#7F7F7F\", \"#00000000\", true);\n this.texture.drawText(this.postModel.message, null, (this.canvasScale *0.5) -4, this.font, \"#ffffff\", \"#00000000\", true);\n \n \n }\n /* else if(this.postModelGraffiti && this.postModelGraffiti.message) {\n this.texture.drawText(this.postModelGraffiti.message, null, this.canvasScale *0.5, this.font, \"#7F7F7F\", \"#00000000\", true);\n this.texture.drawText(this.postModelGraffiti.message, null, (this.canvasScale *0.5) -4, this.font, \"#ffffff\", \"#00000000\", true);\n\n }*/\n\n if(this.postModel.is_canon){\n this.texture.drawText(\"Δ\",(newX) + 8, (newY) + 80, this.font, \"#000000\", \"#00000000\", true);\n //mat.emissiveColor = new BABYLON.Color3(1, 1, 1);\n }\n \n this.texture.update();\n this.planeMesh.material = this.mat;\n this.planeMesh.material.freeze();\n }\n\n private initTextureObject(){\n\n this.planeMesh.material.unfreeze();\n\n if( this.mat == null){\n this.mat = new StandardMaterial(\"mat\", this.gameInstance.scene);\n this.texture = new BABYLON.DynamicTexture(\"DynamicText\",{width:this.canvasScale, height:this.canvasScale}, this.gameInstance.scene,false);\n this.texture.hasAlpha = true;\n this.textureContext = this.texture.getContext();\n this.mat.diffuseTexture = this.texture;\n this.planeMesh.material = this.mat;\n }\n }\n\n\n public deletePostData(){\n //console.log(\"deletePostData= \"+this.postModel.url+\"; canvas_key: \"+this.postModel.canvas_key);\n this.postModel = new PostModel();\n this.postModel.canvas_key = this.dictKey;\n this.isVirgin = true;\n let mat = new StandardMaterial(\"matCanvas\", this.gameInstance.scene);\n mat.alpha = 0;\n this.planeMesh.material.unfreeze();\n this.planeMesh.material = mat;\n this.planeMesh.material.freeze();\n }\n\n public setInterfaceVisible(val_){\n /*\n //if(this.displayUI != null){\n \n //this.displayUI.isVisible = val_;\n if(this.postModel != null && this.postModel.message && this.uiAdvancedTexture != null){\n\n if(val_){\n\n //this.uiAdvancedTexture.addControl(this.displayUI);\n //this.uiAdvancedTexture.addControl(this.label);\n this.displayUI.isVisible = true;\n \n } else {\n \n //this.uiAdvancedTexture.removeControl(this.displayUI);\n //this.uiAdvancedTexture.removeControl(this.label);\n this.displayUI.isVisible = false;\n \n }\n }\n //}\n */\n }\n\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh, VideoTexture,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite\n } from 'babylonjs';\n\nimport { Game } from \"./game\";\nimport { MapMaker } from \"./mapMaker\";\n\nexport class Door {\n\n public objType : String = \"door\";\n private gameInstance : Game;\n private mapInstance : MapMaker;\n public doorMesh: Mesh;\n\n public dictKey : string;\n public sizeCanvas: number;\n public doorOpen = false;\n\n public openedY: number;\n public closedY: number;\n\n public closeDoorInterval;\n public clooseDoorDelay = 600000;\n public isSecret: boolean = false;\n\n constructor(dictKey, size, x, y, z, secret_){\n\n this.sizeCanvas = size;\n this.isSecret = secret_;\n\n this.dictKey = this.objType+\"_\"+dictKey;\n this.gameInstance = Game.getInstance();\n this.mapInstance = MapMaker.getInstance();\n\n this.closedY = size * 0.5 + y;\n this.openedY = -size * 0.5 + y;\n\n this.doorMesh = MeshBuilder.CreateBox( this.dictKey, {size: this.sizeCanvas}, this.gameInstance.scene);\n this.doorMesh.checkCollisions = true;\n \n let mat = new StandardMaterial(\"matBoxDoor\", this.gameInstance.scene);\n if(!this.isSecret){\n \n mat.diffuseColor = BABYLON.Color3.Green();\n }else {\n let textureBox = new Texture(\"./assets/textures/concrete_text.jpg\", this.gameInstance.scene);\n mat.diffuseTexture = textureBox;\n }\n mat.freeze();\n this.doorMesh.material = mat;\n\n this.doorMesh.position.y = this.closedY + y;\n this.doorMesh.position.x = x;\n this.doorMesh.position.z = z;\n\n this.mapInstance.registerNewDoor(this.dictKey ,this);\n\n }\n\n public openDoor(){\n this.doorOpen = true;\n this.updateDoor();\n /*\n this.closeDoorInterval = setInterval(() => {\n this.closeDoor();\n clearInterval( this.closeDoorInterval);\n }, this.clooseDoorDelay );*/\n\n this.doorMesh.dispose();\n }\n\n public closeDoor(){\n this.doorOpen = false;\n this.updateDoor();\n }\n\n public updateDoor(){\n console.log(\"open door this.doorMesh.position.y=\"+ this.doorMesh.position.y);\n this.doorMesh.position.y = (this.doorOpen)? this.openedY:this.closedY;\n console.log(\"open door this.doorMesh.position.y=\"+ this.doorMesh.position.y);\n }\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient, Mesh, AbstractMesh,\n Vector3, MeshBuilder, ArcRotateCamera,\n StandardMaterial, Texture, Color3, PointLight,\n} from 'babylonjs'\n\nimport * as GUI from 'babylonjs-gui';\n\nimport {\n GradientMaterial\n}from 'babylonjs-materials'\n\nimport { MapMaker } from \"./mapMaker\";\nimport { PlayerMotor } from \"./playerMotor\";\nimport { Door } from \"./door\";\nimport { GameUIServiceService } from '../services/game-uiservice.service'\nimport { ChanWebService }from '../services/chan-web.service'\nimport { OfflineService }from '../services/offline.service'\nimport { Router} from '@angular/router';\nimport { InteractionModel } from '../models/interaction-model';\n\n//Chan data\nimport{ GameDataResponseModel } from '../models/game-data.response.model';\nimport{ PlayerResponseModel } from '../models/player.response.model';\nimport { GameDataModel } from '../models/game-data.model';\nimport { PostModel } from \"../models/post.model\";\nimport { Item } from './item';\nimport { Gate } from './gate';\nimport { GameUtils} from './gameUtils';\nimport { PlayerModel } from '../models/player.model';\nimport { CanvasPlane } from './canvasPlane';\nimport ItemModel from '../models/item.model';\nimport {Helpers} from '../utils/helpers';\n\nexport class Game {\n\n //Singleton data\n private static instance: Game;\n public canvas: HTMLCanvasElement;\n public engine: Engine;\n public scene: Scene;\n public camera: FreeCamera;\n private dLight: DirectionalLight;\n private hLight: HemisphericLight;\n private pLight: PointLight;\n public shadowGen: ShadowGenerator;\n private mapMaker : MapMaker;\n private playerMotor : PlayerMotor;\n public gameUIServiceService : GameUIServiceService;\n public offlineService : OfflineService;\n public chanWebService : ChanWebService;\n public router : Router;\n private ground: BABYLON.Mesh;\n public uiAdvancedTexture : GUI.AdvancedDynamicTexture;\n private postListRequestInterval;\n private postListRequestDelay : number = 10000;\n //private postListRequestDelay : number = 60000;\n\n private mapChanging = false;\n\n private playerModel :PlayerModel;\n private gameResponse : GameDataResponseModel;\n\n public mapKey = \"\";\n public clientUrl = \"\";\n public mapKeyOld = \"\";\n public activateJoystick = false;\n\n static getInstance() {\n return Game.instance;\n }\n\n constructor(canvasElement : string) {\n\n //Set the instance\n Game.instance = this;\n this.canvas = document.getElementById(canvasElement);\n this.engine = new Engine(this.canvas, true, null, false);\n // Listen for browser/canvas resize events\n window.addEventListener(\"resize\", ()=> {\n this.engine.resize();\n });\n \n }\n\n setUIService(service_ : GameUIServiceService){\n this.gameUIServiceService = service_;\n this.gameUIServiceService.postArtCanvasEmitter.subscribe((post_) =>{\n this.postArtCanvas(post_);\n })\n\n this.gameUIServiceService.forceWSEmitter.subscribe(() =>{\n this.getPostList();\n })\n\n this.gameUIServiceService.deletePostEmitter.subscribe((post_) =>{\n console.log(\"deletePostEmitter:\"+post_);\n this.deletePost(post_);\n })\n }\n\n setOfflineService(service_: OfflineService){\n this.offlineService = service_;\n }\n\n setWebService(service_ : ChanWebService){\n this.chanWebService = service_;\n }\n\n setRouter(router_){\n this.router = router_;\n }\n\n setMapKey(mapKey_){\n this.mapKey = mapKey_;\n }\n\n setClientUrl(clientUrl_){\n this.clientUrl = clientUrl_;\n }\n\n initGame() {\n\n console.log( \"initGame() \");\n //we get the player profile\n let playerMod: PlayerModel = this.offlineService.getPlayerData();\n\n this.playerModel = playerMod;\n this.chanWebService.createUser(playerMod.id, playerMod.player_key, \"\", this.mapKey).subscribe(\n //Data success\n (data : GameDataResponseModel) => {\n\n this.gameResponse = data;\n\n if( this.gameResponse.ok ) {\n\n this.playerModel = this.gameResponse.result.player;\n this.offlineService.saveChan( this.playerModel.map_key );\n this.setMapKey(this.playerModel.map_key);\n this.offlineService.savePlayer( this.playerModel );\n\n //Launch the game\n this.createScene();\n this.run();\n \n //Get the playerData\n if(this.postListRequestInterval == null){\n this.postListRequestInterval = setInterval(() => {\n this.getPostList();\n }, this.postListRequestDelay );\n }\n this.getPostList();\n\n } else {\n alert(\"Profile not found!\");\n }\n \n },\n );\n \n }\n\n createScene() {\n console.log(\"createScene()\");\n if( this.scene != null) this.scene.dispose();\n // We need a scene to create all our geometry and babylonjs items in\n this.scene = new Scene(this.engine);\n this.playerMotor = PlayerMotor.getInstance();\n this.playerMotor.initMotor();\n if(this.activateJoystick) this.playerMotor.activeJoystick();\n if(!this.mapMaker){\n this.mapMaker = new MapMaker();\n }\n this.mapMaker.loadMapData( this.gameResponse.result.map[0]);\n\n this.initAtmosphere();\n this.initOptimisation();\n \n }\n\n /************************\n * SCENE VISUAL STUFF\n * ligth / optimization / ground / skybox\n * and other shit\n ***********************/\n\n initAtmosphere(){\n\n //Scene atmoshpere\n this.scene.clearColor = new Color4(226/255, 244/255, 1);\n this.scene.ambientColor = new Color3(0.3, 0.3, 0.3);\n\n this.scene.autoClear = false; // Color buffer\n this.scene.autoClearDepthAndStencil = false;\n\n\n // Hemispheric light to enlight the scene\n this.hLight = new HemisphericLight(\"hemi\", new Vector3(0, 0.5, 0), this.scene);\n this.hLight.intensity = 0.85;\n\n this.pLight = new BABYLON.PointLight(\"pointLight\", new BABYLON.Vector3(1, 450, 1), this.scene);\n this.pLight.intensity = 1.5;\n\n //texture\n this.ground = Mesh.CreateGround(\"ground\", 1000, 1000, 2, this.scene);\n this.ground.checkCollisions = true;\n this.ground.position.y = - 0.1;\n\n let mat = new StandardMaterial(\"matVolcano\", this.scene);\n let texture = new Texture(\"./assets/textures/volcanic_text.jpg\", this.scene);\n mat.diffuseTexture = texture;\n this.ground.material = mat;\n\n //Set UIManager\n this.uiAdvancedTexture = GUI.AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n\n\n let skybox = BABYLON.MeshBuilder.CreateBox(\"skyBox\", {size:1000.0}, this.scene);\n let skyboxMaterial = new BABYLON.StandardMaterial(\"skyBox\", this.scene);\n skyboxMaterial.backFaceCulling = false;\n skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture(\"./assets/textures/skybox\", this.scene);\n skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;\n skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);\n skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);\n skybox.material = skyboxMaterial;\n }\n\n private shadowGenerator: BABYLON.ShadowGenerator;\n\n public setShadow(mesh_ : Mesh){\n /*\n if(this.shadowGenerator == null){\n this.shadowGenerator = new BABYLON.ShadowGenerator(256, this.pLight);\n //this.shadowGenerator.useBlurExponentialShadowMap = true;\n this.shadowGenerator.filteringQuality = BABYLON.ShadowGenerator.QUALITY_LOW;\n }\n\n this.shadowGenerator.getShadowMap().renderList.push(mesh_);\n mesh_.receiveShadows = true;*/\n }\n\n initOptimisation(){\n //Optimization\n this.scene.blockMaterialDirtyMechanism = true;\n /*\n BABYLON.SceneOptimizer.OptimizeAsync(this.scene, BABYLON.SceneOptimizerOptions.LowDegradationAllowed(),\n ()=> {\n // On success\n }, ()=> {\n // FPS target not reached\n });*/\n }\n\n //Render process\n run() : void {\n this.engine.runRenderLoop(()=> {\n if(this.scene != null){\n this.scene.render();\n this.renderInteraction();\n }\n });\n }\n\n /************************\n * EXECUTE INTERACTION\n ***********************/\n\n //Render Interaction\n private nameLastMesh: string;\n private meshToClimb: AbstractMesh;\n private doorToOpen: Door;\n private itemToGet: Item;\n private gateTopass: Gate;\n private lastCanvas: CanvasPlane;\n\n public cleanLastMesh(){\n this.nameLastMesh = \"\";\n if(this.lastCanvas != null) this.lastCanvas.setInterfaceVisible(false);\n }\n\n interactionDelay: number = 18;\n interactionTimer: number = 0;\n\n renderInteraction(){\n\n if(this.interactionTimer <=0) {\n\n let width = this.scene.getEngine().getRenderWidth();\n let height = this.scene.getEngine().getRenderHeight();\n let pickInfo = this.scene.pick(width / 2, height / 2, null, false, this.camera);\n\n //Get info on the pointed object\n if (pickInfo.hit && this.nameLastMesh !== pickInfo.pickedMesh.name) {\n\n let newInter : InteractionModel = new InteractionModel();\n newInter.type = InteractionModel.TYPE_NONE;\n this.meshToClimb = null;\n this.doorToOpen = null;\n\n this.mapMaker.cleanLines();\n\n this.nameLastMesh = pickInfo.pickedMesh.name;\n newInter.description = pickInfo.pickedMesh.name;\n if(pickInfo.pickedMesh.name !== undefined){\n\n if (pickInfo.pickedMesh.name.indexOf(\"canvas\") >= 0) {\n\n let canvas = this.mapMaker.getCanvasByKey(pickInfo.pickedMesh.name);\n if(canvas != null){\n\n if(canvas.isVirgin){\n newInter.type = InteractionModel.TYPE_CANVAS_VIRGIN;\n /*\n } else if(canvas.postModelGraffiti == null){\n newInter.type = InteractionModel.TYPE_CANVAS_TO_GRAFF;\n this.mapMaker.drawlines(canvas.dictKey);*/\n } else {\n newInter.type = InteractionModel.TYPE_CANVAS_FULL;\n this.mapMaker.drawlines(canvas.dictKey);\n this.mapMaker.displayUI(canvas.dictKey);\n\n }\n //newInter.type = (canvas.isVirgin)? InteractionModel.TYPE_CANVAS_VIRGIN : InteractionModel.TYPE_CANVAS_FULL;\n newInter.value = canvas.postModel;\n this.cleanLastMesh();\n canvas.setInterfaceVisible(true);\n this.lastCanvas = canvas;\n }\n\n } else if(pickInfo.pickedMesh.name.toLowerCase().indexOf(\"ladder\") >= 0){\n newInter.type = InteractionModel.TYPE_CLIMB_LADDER;\n this.meshToClimb = pickInfo.pickedMesh;\n\n /*\n } else if(pickInfo.pickedMesh.name.toLowerCase().indexOf(\"advertisement\") >= 0){\n\n let canvas = this.mapMaker.getAdByKey(pickInfo.pickedMesh.name);\n if(canvas != null){\n newInter.type = InteractionModel.TYPE_AD;\n newInter.value = canvas.postModel;\n this.cleanLastMesh();\n canvas.setInterfaceVisible(true);\n this.lastCanvas = canvas;\n }*/\n\n } else if(pickInfo.pickedMesh.name.toLowerCase().indexOf(\"door\") >= 0){\n\n //console.log(\"pick gate\"+pickInfo.pickedMesh.name);\n let door: Door = this.mapMaker.getDoorByKey(pickInfo.pickedMesh.name);\n newInter.type = InteractionModel.TYPE_OPEN_DOOR;\n this.doorToOpen = door;\n\n } else if(pickInfo.pickedMesh.name.toLowerCase().indexOf(\"item\") >= 0){\n\n //console.log(pickInfo.pickedMesh.name);\n let item: Item = this.mapMaker.getItemByKey(pickInfo.pickedMesh.name);\n if( item != null && item.itemModel != null){\n newInter.type = InteractionModel.TYPE_GET_ITEM;\n newInter.value = item.itemModel;\n this.itemToGet = item;\n }\n \n }else if(pickInfo.pickedMesh.name.toLowerCase().indexOf(\"gate\") >= 0){\n\n let gate: Gate = this.mapMaker.getGateByKey(pickInfo.pickedMesh.name);\n newInter.type = InteractionModel.TYPE_PASS_GATE;\n newInter.value = gate.gateKey;\n this.gateTopass = gate;\n\n }\n /*else if(pickInfo.pickedMesh.name.toLowerCase().indexOf(\"panel\") >= 0){\n newInter.type = InteractionModel.TYPE_PANEL;\n newInter.value = \"http://snuffchan.com/blog/donations/\";\n //this.panel = gate;\n }*/\n\n }\n\n this.nameLastMesh = pickInfo.pickedMesh.name;\n this.gameUIServiceService.sendInteraction(newInter);\n }\n\n this.interactionTimer = this.interactionDelay;\n\n } else {\n this.interactionTimer --;\n }\n }\n\n //Climb obj\n climbObject(){\n this.camera.position.x = this.meshToClimb.position.x;\n this.camera.position.z = this.meshToClimb.position.z;\n this.camera.position.y = this.meshToClimb.position.y + MapMaker.TILE_SIZE;\n }\n\n //Climb obj\n openDoor(){\n //console.log(this.doorToOpen);\n //console.log(this.nameLastMesh );\n this.nameLastMesh = \"\";\n this.doorToOpen.openDoor();\n }\n\n //Post\n postArtCanvas(canvas_: PostModel){\n console.log(canvas_);\n this.mapMaker.setPictureOnCanvas(canvas_);\n }\n \n\n public switchKeyMapping(){\n GameUtils.switchKeyMapping(this);\n }\n\n public activeJoystick(){\n this.activateJoystick = true;\n if(this.playerMotor != null) this.playerMotor.activeJoystick();\n }\n\n /************************\n * WEB SERVICE MANAGEMENT\n ***********************/\n\n private gameDataModel : GameDataModel;\n private posts : PostModel[];\n private items : ItemModel[];\n private isError : boolean = false;\n private errorMessage : string;\n private isPostLoaded : boolean = false;\n private isFirstLaunch : boolean = true; // test if player axist at first launch\n\n public getPostList(){\n\n if(!this.mapChanging){\n let playerTempModel = this.playerMotor.getPlayerPos();\n this.chanWebService.getMapPostList( playerTempModel.position_x, playerTempModel.position_y, this.playerModel.name, this.playerTalk).subscribe(\n //Data success\n (data : GameDataResponseModel) => {\n\n let gameResponse : GameDataResponseModel = data;\n\n if( gameResponse.ok ) {\n\n if(Helpers.isPT()){\n let postsLeft = gameResponse.result.postsLeft - 18;\n if(postsLeft < 0) postsLeft= 0;\n gameResponse.result.postsLeft = postsLeft;\n }\n\n this.updateGameData(gameResponse.result);\n this.mapMaker.updateNonStaticData(gameResponse.result);\n this.isFirstLaunch = false;\n\n } else {\n\n this.isError = true;\n this.errorMessage = \"Unknown error.\";\n }\n },\n error => {\n //console.log(JSON.stringify(error));\n this.isError = true;\n if(this.isFirstLaunch){\n this.gameUIServiceService.changeState(GameUIServiceService.STATE_NO_PLAYER);\n }\n this.errorMessage = JSON.stringify(error);\n \n }\n );\n }\n }\n\n \n public updateGameData(gameDataModel_){\n console.log(\"updateGameData()\");\n this.gameDataModel = gameDataModel_;\n this.mapMaker.updateNonStaticData( this.gameDataModel );\n this.gameUIServiceService.updateGameData(this.gameDataModel);\n\n //Update the player\n this.playerModel = this.gameDataModel.player;\n /*\n if(this.playerModel.map_key != this.mapKey){\n this.generateMap(this.playerModel.map_key);\n this.mapMaker.loadMapData(this.gameDataModel.map[0]);\n this.mapKey = this.playerModel.map_key;\n }*/\n\n this.items = this.gameDataModel.itemsPlayer;\n this.offlineService.savePlayer( this.playerModel);\n this.isPostLoaded = true;\n this.isError = false;\n }\n\n public passGet(getName_){\n //this.playerMotor.savePlayerRotation();\n this.mapChanging = true;\n this.chanWebService.changeMapRandom( (getName_ === \"secret\") ).subscribe((data_: GameDataResponseModel) =>{\n if(data_.ok){\n //this.createScene();\n this.scene.dispose();\n this.mapMaker = null;\n delete this.mapMaker;\n this.offlineService.saveChan(data_.result.player.map_key);\n //this.router.navigateByUrl('/ch/'+data_.result.player.map_key);\n window.location.href = this.clientUrl+'/ch/'+data_.result.player.map_key;\n //console.log(\"change to :\"+data_.result.player.map_key);\n //this.updateGameData(data_.result);\n }\n })\n }\n\n public getItem(key_){\n this.chanWebService.getItem(key_).subscribe(data_ =>{\n if(data_.ok){\n this.updateGameData(data_.result);\n }\n })\n }\n\n public deletePost(post_){\n \n let canvas: CanvasPlane = this.mapMaker.getCanvasByKey(post_.canvas_key);\n if(canvas != null){\n console.log(\"Post found and deleted= \"+post_);\n canvas.deletePostData();\n }\n }\n\n private playerName = \"\" ;\n public changeName(name_){\n this.playerName = name_;\n }\n\n private playerTalk = \"\" ;\n public changeTalk(talk_){\n this.playerTalk = talk_;\n }\n\n /*\n public changeMapForPlayer(mapKey_){\n this.chanWebService.setMap(mapKey_).subscribe((data_)=>{\n console.log(data_);\n })\n }*/\n\n }","import {MapModel} from '../models/map.model';\nimport { Game } from \"./game\";\nimport { ConfigModel } from '../models/config.model';\n\nexport class GameUtils {\n\n //Doc for https://en.wikipedia.org/wiki/QWERTY\n //Key code list https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes\n \n public static setKeyBoardMapping(gameInstance_ : Game){\n\n let conf_: ConfigModel = gameInstance_.offlineService.getConfig();\n if( conf_.key_mapping == null ) {\n let language : string = navigator.language;\n GameUtils.setKeyMappingFromLang(gameInstance_, language);\n } else {\n GameUtils.setKeyForMapping(gameInstance_ , conf_.key_mapping);\n }\n\n }\n\n public static setKeyMappingFromLang(gameInstance_ : Game, lang_ :string){\n\n if(lang_.toLowerCase().indexOf(\"fr\") >= 0){\n GameUtils.setKeyForMapping(gameInstance_, \"ZSQD\");\n } else {\n GameUtils.setKeyForMapping(gameInstance_, \"WSAD\");\n }\n \n }\n\n public static setKeyForMapping(gameInstance_ : Game, mapping_ :string){\n console.log(\"setKeyMapping() lang_= \"+mapping_);\n\n let config : ConfigModel = gameInstance_.offlineService.getConfig();\n\n if(mapping_ === \"ZSQD\"){\n //If Azerty\n gameInstance_.camera.keysUp = [90]; // Z\n gameInstance_.camera.keysDown = [83]; // S\n gameInstance_.camera.keysLeft = [81]; // Q\n gameInstance_.camera.keysRight = [68]; // D\n } else {\n //If Qwerty\n gameInstance_.camera.keysUp = [87]; // w\n gameInstance_.camera.keysDown = [83]; // S\n gameInstance_.camera.keysLeft = [65]; // A\n gameInstance_.camera.keysRight = [68]; // D\n \n }\n \n config.key_mapping = mapping_;\n gameInstance_.offlineService.saveConfig(config);\n gameInstance_.gameUIServiceService.updateConfigData(config);\n //gameInstance_.offlineService.saveKeyboard(lang_.toLowerCase());\n }\n\n public static switchKeyMapping(gameInstance_ : Game){\n\n let conf_: ConfigModel = gameInstance_.offlineService.getConfig();\n if( conf_.key_mapping == null ) {\n let language : string = navigator.language;\n GameUtils.setKeyMappingFromLang(gameInstance_, language);\n } else {\n if( conf_.key_mapping === \"ZSQD\") GameUtils.setKeyForMapping(gameInstance_ , \"WSAD\");\n if( conf_.key_mapping === \"WSAD\") GameUtils.setKeyForMapping(gameInstance_ , \"ZSQD\");\n \n }\n }\n\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh, VideoTexture,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite\n } from 'babylonjs';\n\nimport { Game } from \"./game\";\nimport { MapMaker } from \"./mapMaker\";\n\nexport class Gate {\n\n public objType : String = \"gate\";\n private gameInstance : Game;\n private mapInstance : MapMaker;\n public doorMesh: Mesh;\n public dictKey : string;\n\n public gateKey : string;\n\n constructor(dictKey, size, x, y, z, key_){\n\n this.dictKey = this.objType+\"_\"+dictKey;\n this.gateKey = key_;\n this.gameInstance = Game.getInstance();\n this.mapInstance = MapMaker.getInstance();\n\n this.doorMesh = MeshBuilder.CreateBox( this.dictKey, {size: size}, this.gameInstance.scene);\n this.doorMesh.checkCollisions = true;\n \n let mat = new StandardMaterial(\"matGateDoor\", this.gameInstance.scene);\n mat.diffuseColor = BABYLON.Color3.Red();\n \n \n mat.freeze();\n this.doorMesh.material = mat;\n\n this.doorMesh.position.y = y;\n this.doorMesh.position.x = x;\n this.doorMesh.position.z = z;\n\n this.mapInstance.registerNewGate(this.dictKey ,this);\n\n }\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh, VideoTexture,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite\n } from 'babylonjs';\n\nimport { Game } from \"./game\";\nimport { MapMaker } from \"./mapMaker\";\nimport ItemModel from '../models/item.model';\n\nexport class Item {\n\n public objType : String = \"item\";\n private gameInstance : Game;\n private mapInstance : MapMaker;\n public itemMesh: Mesh;\n public dictKey : string;\n public itemModel : ItemModel;\n\n public spriteManagerPlayer : SpriteManager;\n public sprite : Sprite;\n\n constructor(type_, itemModel_, size_, x, y){\n\n this.itemModel = itemModel_;\n\n this.objType = type_;\n this.dictKey = this.objType+\"_\"+this.itemModel.name+\"_\"+itemModel_.key;\n this.gameInstance = Game.getInstance();\n this.mapInstance = MapMaker.getInstance();\n \n \n this.itemMesh = MeshBuilder.CreateBox( this.dictKey, {height: size_*3, width: size_, depth: size_}, this.gameInstance.scene);\n this.itemMesh.checkCollisions = false;\n this.itemMesh.visibility = 0;\n this.itemMesh.position.y = (size_) *0.5;\n this.itemMesh.position.x = x;\n this.itemMesh.position.z = y;\n this.itemMesh.visibility = 0;\n \n /*let mat = new StandardMaterial(\"matBoxItem\", this.gameInstance.scene);\n mat.diffuseColor = BABYLON.Color3.Random();\n mat.freeze();\n this.itemMesh.material = mat;*/\n //if(this.objType.toLowerCase().indexOf('gate') >= 0 ) this.itemMesh.visibility = 0.2;\n \n\n //sprite\n this.spriteManagerPlayer = new SpriteManager(\"itemManager\",\"./assets/textures/cardboard_text.png\", 1, {width: 288, height: 288}, this.gameInstance.scene);\n this.sprite = new Sprite(\"item\"+itemModel_.id, this.spriteManagerPlayer);\n\n this.sprite.width = 6;\n this.sprite.height = 6;\n\n this.sprite.position.x = x;\n this.sprite.position.z = y;\n this.sprite.position.y = 3;\n\n\n this.mapInstance.registerNewItem(this.dictKey ,this);\n\n }\n\n public clean(){\n\n this.spriteManagerPlayer.dispose();\n if(this.itemMesh != null)this.itemMesh.dispose();\n this.sprite.dispose();\n\n this.spriteManagerPlayer = null;\n this.itemMesh = null;\n this.sprite = null;\n\n }\n\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite, Layer\n } from 'babylonjs';\n \n import { Tile } from \"./tile\";\n import { Game } from \"./game\";\n import { CanvasPlane } from \"./canvasPlane\";\n import { Door } from \"./door\";\n import { Item } from \"./item\";\n import { Gate } from \"./gate\";\n import { PostModel } from '../models/post.model';\n import { MapModel } from '../models/map.model';\n import { GameUtils, } from './gameUtils';\nimport ItemModel from '../models/item.model';\nimport { GameDataModel } from '../models/game-data.model';\nimport {PlayerMotor} from './playerMotor';\nimport { PlayerModel } from '../models/player.model';\nimport { PlayerMesh } from './playerMesh';\n\nimport * as GUI from 'babylonjs-gui';\nimport { AdvertisementModel } from '../models/advertisement.model';\n\nexport class MapMaker {\n\n private gameInstance : Game;\n private static _instance : MapMaker;\n\n public static get TILE_SIZE():number { return 10; }\n\n //Game data\n private mapModel : MapModel;\n private mapData : string[];\n\n public gameData: GameDataModel;\n\n public players: any[];\n public posts: PostModel[];\n public items: ItemModel[] = [];\n\n public anonList: PlayerMesh[] = [];\n public itemMesh: Item[] = [];\n\n public TileGroundMeshes : Mesh[] = [];\n public TileWallMeshes : Mesh[] = [];\n\n public DIR_N = 0;\n public DIR_E = 1;\n public DIR_S = 2;\n public DIR_W = 3;\n\n //Canvas PLane dictionnary\n public canvasDict: { [id: string] : CanvasPlane; } = {};\n public advertisementDict: { [id: string] : CanvasPlane; } = {};\n public doorDict: { [id: string] : Door; } = {};\n public gateDict: { [id: string] : Gate; } = {};\n public itemDict: { [id: string] : Item; } = {};\n\n static getInstance() {\n return this._instance;\n }\n\n constructor() {\n\n this.gameInstance = Game.getInstance();\n MapMaker._instance = this;\n }\n\n loadMapData(map_: MapModel){\n \n Tile.meshGrassInstance = null;\n Tile.meshGroundInstance = null;\n Tile.meshWallInstance = null;\n\n this.mapModel = map_;\n this.buildMap();\n }\n\n cleanMap(){\n \n this.TileGroundMeshes = [];\n this.TileWallMeshes = [];\n this.canvasDict = {};\n this.advertisementDict = {};\n this.doorDict = {};\n this.gateDict = {};\n this.itemDict = {};\n\n }\n\n buildMap(){\n this.cleanMap();\n //console.log(\"buildMap=\"+ this.mapModel );\n this.mapData = this.getMapData();\n\n let x = 0;\n let y = 0;\n let l = 0; //layer\n\n let playerPos = {x: -1, y: -1};\n\n //Generate a layer\n for(let n = 0; n < this.mapData.length; n++){\n //console.log(this.mapData[n]);\n if(parseInt(this.mapData[n]) != Tile.TILE_GATES && parseInt(this.mapData[n]) != Tile.TILE_GATES_SECRET){\n new Tile(this.mapData[n] , MapMaker.TILE_SIZE,x,l,y, null);\n\n if(parseInt(this.mapData[n]) === Tile.TILE_START){\n playerPos.x = x;\n playerPos.y = y;\n } \n } else if(parseInt(this.mapData[n]) == Tile.TILE_GATES) {\n\n console.log(\"x: \"+x+\"; y:\"+y+\"; width:\"+this.mapModel.width+\"; heihgt: \"+ this.mapModel.height);\n /*\n let key = \"\";\n if(y == 0){\n key = this.mapModel.door_key_n;\n } else if(x == this.mapModel.width-1){\n key = this.mapModel.door_key_e;\n } else if(y == this.mapModel.height-1){\n key = this.mapModel.door_key_s;\n } else if(x == 0){\n key = this.mapModel.door_key_w;\n }*/\n\n //console.log(\"GATE x: \"+x+\"; y:\"+y+\"; width:\"+this.mapModel.width+\"; heihgt: \"+ this.mapModel.height+\" key:\"+key);\n\n //Managing gates\n new Tile(this.mapData[n], MapMaker.TILE_SIZE,x,l,y, \"???\");\n\n }else if(parseInt(this.mapData[n]) == Tile.TILE_GATES_SECRET) {\n //Managing gates\n new Tile(this.mapData[n], MapMaker.TILE_SIZE,x,l,y, \"secret\");\n }\n //console.log(\"new tile-> type:\"+this.tileDict[n]+\" x:\"+x+\"y:\"+y);\n x += 1;\n if(x >= this.mapModel.width){\n x = 0;\n y += 1;\n } \n\n }\n\n let player = new PlayerModel();\n if(this.gameData != null) \n player = this.gameData.player;\n player.position_x = playerPos.x;\n player.position_y = playerPos.y;\n \n PlayerMotor.getInstance().setPlayerPos(player);\n\n if(this.gameData != null) this.updateNonStaticData(this.gameData);\n\n }\n\n /********************\n * UPDATE NON STATIC DATA\n * players, items and others\n ********************/\n updateNonStaticData(gameData_ :GameDataModel){\n\n this.itemDict = {};\n\n this.gameData = gameData_;\n\n //Post\n //Update teh posts DATA\n if(this.gameData.posts != undefined){\n this.posts = this.gameData.posts;\n for (let post of this.gameData.posts) {\n if(post !== null && post.canvas_key !== null){\n let canvas = this.getCanvasByKey(post.canvas_key);\n\n if(canvas!= null && canvas.isVirgin){\n //if(post.graffiti && canvas.postModelGraffiti == null){\n canvas.setPostData(post);\n /*\n } else if(!post.graffiti && canvas.postModel.id == null){\n canvas.setPostData(post);\n }*/\n }\n }\n }\n }\n\n //items\n this.itemMesh.forEach((item_: Item) =>{\n if(item_ != null && item_ != undefined){\n item_.clean();\n item_ = null;\n }\n });\n this.itemMesh = [];\n this.items = this.gameData.itemsMap;\n\n for(let i = 0; i < this.items.length; i++){\n let itemModel: ItemModel = this.items[i];\n let itemMesh = new Item(\"item\",itemModel, MapMaker.TILE_SIZE*0.2, itemModel.x * MapMaker.TILE_SIZE ,itemModel.y * MapMaker.TILE_SIZE);\n this.itemMesh.push(itemMesh);\n\n }\n\n //PLayers\n /*\n this.anonList.forEach((playerMesh: PlayerMesh) =>{\n playerMesh.clean();\n playerMesh = null;\n });\n\n let anonListNew = [];\n let anonListOld = this.anonList;\n let characters = this.gameData.players;\n\n for(let c = 0; c < characters.length; c++){\n let chara: PlayerModel = characters[c];\n let anon: PlayerMesh = null;\n //Is this anon exist?\n for(let a= 0; a {\n //playerMesh.dispose();\n playerMesh.clean();\n playerMesh = null;\n });\n\n this.anonList = anonListNew;*/\n\n this.anonList.forEach((playerMesh: PlayerMesh) =>{\n //playerMesh.dispose();\n playerMesh.clean();\n playerMesh = null;\n });\n this.anonList = [];\n\n let characters = this.gameData.players;\n for(let c = 0; c < characters.length; c++){\n let chara: PlayerModel = characters[c];\n let anon: PlayerMesh = new PlayerMesh(\"player\",chara, MapMaker.TILE_SIZE);\n this.anonList.push(anon);\n }\n\n\n }\n\n /********************\n * MANAGE UI\n ********************/\n\n private linesReplyTo;\n private linesReplyFrom;\n\n drawlines(key_){\n\n let currentPost = this.canvasDict[key_].postModel;\n if(this.linesReplyFrom != null) this.linesReplyFrom.dispose();\n if(this.linesReplyTo != null) this.linesReplyTo.dispose();\n\n\n //https://doc.babylonjs.com/babylon101/parametric_shapes\n let pointsTo = [];\n let pointsFrom = [];\n\n pointsTo.push( this.canvasDict[key_].planeMesh.position);\n pointsFrom.push( this.canvasDict[key_].planeMesh.position);\n\n for (let keyDict in this.canvasDict) {\n let canvas : CanvasPlane = this.canvasDict[keyDict];\n if (!canvas.isVirgin) {\n let found = false;\n if(canvas.postModel.id === currentPost.reply){\n pointsTo.push(canvas.planeMesh.position);\n found = true;\n } else if(canvas.postModel.reply === currentPost.id){\n pointsFrom.push(canvas.planeMesh.position);\n found = true;\n }\n\n if(found){\n for (let keyDict2 in this.canvasDict) {\n let canvas2 : CanvasPlane = this.canvasDict[keyDict2];\n if (!canvas2.isVirgin) {\n if(canvas2.postModel.id === canvas.postModel.reply){\n pointsTo.push(canvas2.planeMesh.position);\n }else if(canvas2.postModel.reply === canvas.postModel.id){\n pointsFrom.push(canvas2.planeMesh.position);\n }\n }\n }\n }\n }\n }\n this.linesReplyTo = BABYLON.MeshBuilder.CreateLines(\"lines\", {points: pointsTo}, this.gameInstance.scene);\n this.linesReplyFrom = BABYLON.MeshBuilder.CreateLines(\"lines\", {points: pointsFrom}, this.gameInstance.scene);\n /*\n this.linesReplyTo.Color4 = BABYLON.Color3.Blue;\n this.linesReplyFrom.Color4 = BABYLON.Color3.Green;\n */\n\n }\n\n cleanLines(){\n if(this.linesReplyFrom != null) this.linesReplyFrom.dispose();\n if(this.linesReplyTo != null) this.linesReplyTo.dispose();\n }\n\n private cubeUI: Mesh;\n private uiAdvancedTexture: any;\n private rectUI: BABYLON.GUI.Rectangle;\n private label: BABYLON.GUI.TextBlock;\n\n displayUI(key_){\n\n /*\n //To hard for memory\n let canvas: CanvasPlane = this.canvasDict[key_];\n\n if( this.cubeUI == null){\n this.cubeUI = MeshBuilder.CreateBox(\"meshUI\", {size: MapMaker.TILE_SIZE *0.5}, this.gameInstance.scene);\n //this.cubeUI.visibility = 0; \n } \n\n this.cubeUI.position.y = MapMaker.TILE_SIZE *0.5;\n this.cubeUI.position.x = canvas.planeMesh.position.x * MapMaker.TILE_SIZE;\n this.cubeUI.position.z = canvas.planeMesh.position.z * MapMaker.TILE_SIZE;\n\n if(this.uiAdvancedTexture == null){\n this.uiAdvancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n this.rectUI = new BABYLON.GUI.Rectangle();\n \n this.rectUI.fontFamily = \"Courier New, Courier, monospace\";\n this.rectUI.cornerRadius = 10;\n this.rectUI.color = \"Grey\";\n this.rectUI.background = \"#161616\";\n this.uiAdvancedTexture.addControl(this.rectUI);\n this.label = new BABYLON.GUI.TextBlock();\n this.rectUI.addControl(this.label);\n this.rectUI.linkWithMesh(this.cubeUI); \n this.rectUI.linkOffsetY = 0;\n this.rectUI.linkOffsetX = 0;\n this.rectUI.width = 0.2;\n this.rectUI.height = 0.3;\n }\n\n this.label.text = canvas.postModel.message;\n */\n }\n\n clearUI(){\n \n }\n\n /********************\n * UTILS\n ********************/\n\n\n //Get potential Canvas orientation\n public getCanvasOrientation( x, z){\n\n let potentialDir: Number[] = [];\n if( this.getTileAt(x,z-1) === '0') potentialDir.push(this.DIR_N);\n if( this.getTileAt(x+1,z) === '0' ) potentialDir.push(this.DIR_E);\n if( this.getTileAt(x,z+1) === '0' ) potentialDir.push(this.DIR_S);\n if( this.getTileAt(x-1,z) === '0' ) potentialDir.push(this.DIR_W);\n\n if(potentialDir.length === 0) {\n //console.log(\"NO ORIENTATION FOUND\");\n return -1;\n }\n //We choose a random direction\n let indexChoosed = Math.floor(Math.random() * potentialDir.length);\n return potentialDir[indexChoosed];\n\n }\n\n //Return the value of a tile\n public getTileAt( x, y ){\n\n //Out of bounds\n if(x < 0 || x > this.mapModel.width || y< 0 || y > this.mapModel.height) return -1;\n let indexTile = (y*this.mapModel.width )+ x;\n return this.mapData[indexTile];\n\n }\n\n public registerNewCanvas(key_,canvas_){\n if( this.canvasDict[key_] === undefined) this.canvasDict[key_] = canvas_;\n }\n\n public registerNewAd(key_,canvas_){\n if( this.advertisementDict[key_] === undefined) this.advertisementDict[key_] = canvas_;\n }\n\n public registerNewDoor(key_,door_){\n if( this.doorDict[key_] === undefined) this.doorDict[key_] = door_;\n }\n\n public registerNewItem(key_,item_){\n if( this.itemDict[key_] === undefined) this.itemDict[key_] = item_;\n }\n\n public getCanvasByKey(key_){\n return this.canvasDict[key_];\n }\n\n public registerNewGate(key_,gate_){\n this.gateDict[key_] = gate_;\n }\n\n public getDoorByKey(key_){\n return this.doorDict[key_];\n }\n\n public getAdByKey(key_){\n return this.advertisementDict[key_];\n }\n\n public getGateByKey(key_){\n return this.gateDict[key_];\n }\n\n public getItemByKey(key_){\n return this.itemDict[key_];\n }\n\n public setPictureOnCanvas(post_: PostModel){\n let canvas = this.canvasDict[post_.canvas_key];\n console.log(this.canvasDict);\n if(canvas !== undefined){\n console.log(\"canvas to change: \"+post_.canvas_key+\"; to post url: \"+post_.url);\n canvas.setPostData(post_);\n } else {\n console.log(\"no canvas\");\n }\n }\n\n /********************\n * PERF MAnAGEMENT\n ********************/\n\n public addMeshToCluster(mesh_,type_){\n switch(type_){\n\n case Tile.TILE_GROUND: \n this.TileGroundMeshes.push(mesh_);\n break;\n\n case Tile.TILE_WALL: \n this.TileWallMeshes.push(type_);\n break;\n }\n }\n\n public createClusters(){\n BABYLON.Mesh.MergeMeshes(this.TileWallMeshes);\n BABYLON.Mesh.MergeMeshes(this.TileGroundMeshes);\n }\n\n /********************\n * PARSING MAP\n ********************/\n \n public getMapData(){\n return this.mapModel.level_data.split(\",\");\n }\n\n /*\n public getTileMapScaling(val_){\n val_ = (val_/this.mapModel.width)* MapMaker.TILE_SIZE;\n return val_;\n }*/\n\n }","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh, VideoTexture,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite\n } from 'babylonjs';\n\n//import * as GUI from 'babylonjs-gui';\n\nimport { Game } from \"./game\";\nimport { MapMaker } from \"./mapMaker\";\nimport { PlayerModel } from '../models/player.model';\n\nexport class PlayerMesh {\n\n public objType : String = \"player\";\n private gameInstance : Game;\n private mapInstance : MapMaker;\n public playerMesh: Mesh;\n public dictKey : string;\n public playerModel : PlayerModel;\n\n public spriteManagerPlayer : SpriteManager;\n public sprite : Sprite;\n\n public uiAdvancedTexture: any;\n public rectUI: BABYLON.GUI.Rectangle;\n public label: BABYLON.GUI.TextBlock;\n public size;\n\n\n constructor(type_, playerModel_: PlayerModel, size_,){\n\n this.size = size_;\n\n this.playerModel = playerModel_;\n this.objType = type_;\n this.gameInstance = Game.getInstance();\n this.mapInstance = MapMaker.getInstance();\n\n if(this.playerModel.hp < 1 ){\n this.spriteManagerPlayer = new SpriteManager(\"playerManager\",\"./assets/textures/anon_sprite_dead.png\", 1, {width: 288, height: 288}, this.gameInstance.scene);\n this.sprite = new Sprite(\"player_\"+playerModel_.id, this.spriteManagerPlayer);\n } else {\n this.spriteManagerPlayer = new SpriteManager(\"playerManager\",\"./assets/textures/anon_sprite.png\", 1, {width: 290, height: 290}, this.gameInstance.scene);\n this.sprite = new Sprite(\"player_\"+playerModel_.id, this.spriteManagerPlayer);\n }\n \n\n this.sprite.width = 6;\n this.sprite.height = 6;\n\n this.sprite.position.x = this.playerModel .position_x * size_;\n this.sprite.position.z = this.playerModel .position_y * size_;\n this.sprite.position.y = 3;\n\n //Display player UI\n this.playerMesh = MeshBuilder.CreateBox( this.dictKey+\"_\"+playerModel_.id, {size: size_*0.5}, this.gameInstance.scene); \n this.playerMesh.position.y = size_ *0.5;\n this.playerMesh.position.x = this.playerModel.position_x * size_;\n this.playerMesh.position.z = this.playerModel.position_y * size_;\n this.playerMesh.visibility = 0;\n\n /*\n this.uiAdvancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI(\"UI\");\n this.uiAdvancedTexture.is3D = false;\n this.rectUI = new BABYLON.GUI.Rectangle();\n this.rectUI.width = 0.1;\n this.rectUI.height = 0.05;\n this.rectUI.fontFamily = \"Courier New, Courier, monospace\";\n this.rectUI.cornerRadius = 10;\n this.rectUI.color = \"Grey\";\n this.rectUI.background = \"#161616\";\n this.uiAdvancedTexture.addControl(this.rectUI);\n this.label = new BABYLON.GUI.TextBlock();\n this.label.text = \"#\"+this.playerModel.id+\"\\n💬\"+this.playerModel.talk;\n this.rectUI.addControl(this.label);\n this.rectUI.linkWithMesh( this.playerMesh); \n this.rectUI.linkOffsetY = -60;\n this.rectUI.linkOffsetX = 0;\n this.uiAdvancedTexture.freeze = true;*/\n\n return this;\n\n }\n\n public updatePlayerModel(model_: PlayerModel){\n\n this.playerModel = model_;\n let y = this.size *0.5;\n let x = this.playerModel.position_x * this.size ;\n let z = this.playerModel.position_y * this.size ;\n\n //this.playerMesh.locallyTranslate(new BABYLON.Vector3(x, y, z));\n \n let ySprite = 3;\n\n if(this.sprite != null){\n this.sprite.position.x = x;\n this.sprite.position.z = z;\n this.sprite.position.y = ySprite;\n }\n\n if(this.playerMesh != null){\n this.playerMesh.position.x = x;\n this.playerMesh.position.y = y;\n this.playerMesh.position.z = z;\n }\n\n //this.label.text = \"#\"+this.playerModel.id+\"\\n💬\"+this.playerModel.talk;\n }\n\n public clean(){\n\n this.spriteManagerPlayer.dispose();\n if(this.playerMesh != null) this.playerMesh.dispose();\n this.sprite.dispose();\n\n this.spriteManagerPlayer = null;\n this.playerMesh = null;\n this.sprite = null;\n /*\n this.rectUI.dispose();\n this.label.dispose();\n this.uiAdvancedTexture.dispose();*/\n\n }\n\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient, Mesh,\n Vector3, MeshBuilder, ArcRotateCamera,\n StandardMaterial, Texture, Color3\n} from 'babylonjs'\n\nimport { Game } from \"./game\";\nimport { GameUtils } from \"./gameUtils\";\nimport { Helpers } from \"../utils/helpers\";\nimport { GameUIServiceService } from '../services/game-uiservice.service';\nimport { PlayerModel } from '../models/player.model';\nimport { MapMaker } from './mapMaker';\n\nexport class PlayerMotor {\n\n private gameInstance : Game;\n private static _instance : PlayerMotor;\n public playerBox : BABYLON.Mesh;\n\n //Properties for cam\n private playerHeight = 4; // The player eyes height\n private speed = 1;\n private inertia = 0.9;\n private angularSensibility = 1000;\n private angularSensibilityMobile = 13000;\n public playerModel : PlayerModel;\n\n private playerRotation;\n private joystickMoveSpeedY = 18;\n private joystickMoveSpeedX = 0.9;\n private isJoystick = false;\n\n static getInstance() {\n return this._instance || (this._instance = new this());\n }\n\n constructor() {\n\n }\n\n initMotor(){\n this.gameInstance = Game.getInstance();\n this.gameInstance.gameUIServiceService.changeStateEmitter.subscribe((state_)=>{\n console.log(state_);\n if(state_ === GameUIServiceService.STATE_GAME_RUNNING) {\n this.activateMotion(true);\n } else {\n this.activateMotion(false);\n }\n });\n\n this.gameInstance.camera = new BABYLON.FreeCamera('freeCamera', new BABYLON.Vector3(0, 5,-10), this.gameInstance.scene);\n this.activateMotion(true);\n }\n\n activateMotion(val_: boolean){\n if(val_){\n\n //Free cam\n this.gameInstance.camera.attachControl(this.gameInstance.scene.getEngine().getRenderingCanvas());\n\n // Activate gravity !\n //https://doc.babylonjs.com/babylon101/cameras,_mesh_collisions_and_gravity\n this.gameInstance.scene.gravity = new BABYLON.Vector3(0, -0.7, 0);\n this.gameInstance.camera.applyGravity = true;\n\n this.gameInstance.camera.ellipsoid = new BABYLON.Vector3(2.5, this.playerHeight, 2.5);\n this.gameInstance.camera.ellipsoidOffset = new BABYLON.Vector3(0, this.playerHeight, 0);\n this.gameInstance.camera.checkCollisions = true;\n \n GameUtils.setKeyBoardMapping(this.gameInstance);\n\n this.gameInstance.camera.speed = this.speed;\n this.gameInstance.camera.inertia = this.inertia;\n this.gameInstance.camera.angularSensibility = ( Helpers.isMobile())? this.angularSensibilityMobile : this.angularSensibility;\n\n } else {\n this.gameInstance.camera.detachControl(this.gameInstance.scene.getEngine().getRenderingCanvas());\n }\n }\n\n /*******************\n * PLACE THE PLAYER\n ******************/\n\n setPlayerPos(playerData_){\n\n //console.log(this.playerRotation );\n this.playerModel = playerData_;\n\n //convert teh X + y in position\n //console.log(\"playerPosY= \"+this.playerModel.position_x+\"; playerPosX= \"+this.playerModel.position_y);\n\n //Placing the player\n this.gameInstance.camera.position.x = this.playerModel.position_x * MapMaker.TILE_SIZE;\n this.gameInstance.camera.position.z = this.playerModel.position_y * MapMaker.TILE_SIZE;\n\n if(this.playerRotation != null) this.gameInstance.camera.rotation = this.playerRotation;\n }\n\n savePlayerRotation(){\n //We memorize the player rotation\n this.playerRotation = this.gameInstance.camera.rotation;\n }\n\n getPlayerPos(){\n\n if(this.playerModel == null){\n this.playerModel = new PlayerModel();\n this.playerModel.position_x = -1;\n this.playerModel.position_y = -1;\n } else {\n this.playerModel.position_x = this.gameInstance.camera.position.x / MapMaker.TILE_SIZE;\n this.playerModel.position_y = this.gameInstance.camera.position.z / MapMaker.TILE_SIZE;\n }\n \n\n return this.playerModel;\n }\n \n public activeJoystick(){\n\n this.isJoystick = true;\n let rightJoystick = new BABYLON.VirtualJoystick(false);\n \n this.gameInstance.scene.onBeforeRenderObservable.add(()=>{\n if(rightJoystick.pressed){\n\n //OLD position\n let moveY = rightJoystick.deltaPosition.y * (this.gameInstance.engine.getDeltaTime()/1000) * this.joystickMoveSpeedY;\n \n this.gameInstance.camera.position.z += moveY * Math.cos( this.gameInstance.camera.rotation.y );\n this.gameInstance.camera.position.x += moveY * Math.sin( this.gameInstance.camera.rotation.y );\n\n let moveX = rightJoystick.deltaPosition.x * (this.gameInstance.engine.getDeltaTime()/1000) * this.joystickMoveSpeedX;\n this.gameInstance.camera.rotation.y += moveX;\n }\n });\n \n }\n}","import {\n Engine, Scene,FreeCamera, Light,\n DirectionalLight, HemisphericLight, ShadowGenerator,\n Color4, Color3Gradient,\n Mesh,\n Vector3, MeshBuilder,\n ArcRotateCamera, StandardMaterial, Texture,\n Color3, SpriteManager, Sprite\n } from 'babylonjs';\n\n import * as BABYLON from 'babylonjs';\n\nimport { Game } from \"./game\";\nimport { MapMaker } from \"./mapMaker\";\nimport { CanvasPlane } from \"./canvasPlane\";\nimport { Door } from './door';\nimport { Gate } from './gate';\n\n\nexport class Tile {\n\n public static get TILE_EMPTY():number { return -1; }\n public static get TILE_GROUND():number { return 0; }\n public static get TILE_WALL():number { return 1; }\n public static get TILE_GATES():number { return 3; }\n public static get TILE_DOOR():number { return 4; }\n public static get TILE_DOOR_SECRET():number { return 5; }\n public static get TILE_LADDER():number { return 66; }\n public static get TILE_GRASS():number { return 7; }\n //public static get TILE_ADVERTISEMENT():number { return 12; }\n public static get TILE_START():number { return 13; }\n public static get TILE_GATES_SECRET():number { return 14; }\n \n\n public static meshGroundInstance: Mesh;\n public static meshGrassInstance: Mesh;\n public static meshWallInstance: Mesh;\n\n private gameInstance : Game;\n private mapInstance : MapMaker;\n private box : BABYLON.Mesh;\n private door : BABYLON.Mesh;\n\n //Type of tile\n private tileCoordonates: number[];\n\n constructor(type_, size, x: number,y: number,z: number, val_: string) {\n\n let type = parseInt(type_);\n this.tileCoordonates = [x, y, z];\n x = x*size;\n y = y*size;\n z = z*size;\n\n this.gameInstance = Game.getInstance();\n this.mapInstance = MapMaker.getInstance();\n\n if(type === Tile.TILE_WALL){\n\n this.box = this.getMeshWall(size);\n this.box.position.y = size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n\n new CanvasPlane(\"canvas\",this.tileCoordonates[0]+\"_\"+this.tileCoordonates[1]+\"_\"+this.tileCoordonates[2], size, x, y, z, this.mapInstance.DIR_N);\n new CanvasPlane(\"canvas\",this.tileCoordonates[0]+\"_\"+this.tileCoordonates[1]+\"_\"+this.tileCoordonates[2], size, x, y, z, this.mapInstance.DIR_E);\n new CanvasPlane(\"canvas\",this.tileCoordonates[0]+\"_\"+this.tileCoordonates[1]+\"_\"+this.tileCoordonates[2], size, x, y, z, this.mapInstance.DIR_S);\n new CanvasPlane(\"canvas\",this.tileCoordonates[0]+\"_\"+this.tileCoordonates[1]+\"_\"+this.tileCoordonates[2], size, x, y, z, this.mapInstance.DIR_W);\n\n } else if(type === Tile.TILE_GROUND || type === Tile.TILE_START) {\n\n this.box = this.getMeshGround(size,\"./assets/textures/floor_dalle_text.jpg\");\n this.box.position.y = -size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n this.mapInstance.addMeshToCluster(this.box,type);\n \n } else if(type === Tile.TILE_GRASS) {\n\n this.box = this.getMeshGrass(size,\"./assets/textures/grass_text.jpg\");\n this.box.position.y = -size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n this.mapInstance.addMeshToCluster(this.box,type);\n\n } else if(type === Tile.TILE_LADDER) {\n\n console.log(\"GOT LADDER!\");\n this.box = this.getMeshLadder(size);\n this.box.position.y = size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n this.mapInstance.addMeshToCluster(this.box,type);\n\n } else if(type === Tile.TILE_GATES || type === Tile.TILE_GATES_SECRET) {\n console.log(\"GOT GATES!\");\n\n //Create the ground\n this.box = this.getMeshGround(size, \"./assets/textures/floor_dalle_text.jpg\");\n this.box.position.y = -size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n this.mapInstance.addMeshToCluster(this.box,Tile.TILE_GROUND);\n\n this.door = this.getMeshGate(size,x,y,z,val_);\n this.door.position.y = size * 0.5 + y;\n this.door.position.x = x;\n this.door.position.z = z;\n\n } else if(type === Tile.TILE_DOOR) {\n console.log(\"GOT DOOR!\");\n\n //Create the ground\n this.box = this.getMeshGround(size, \"./assets/textures/floor_dalle_text.jpg\");\n this.box.position.y = -size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n this.mapInstance.addMeshToCluster(this.box,Tile.TILE_GROUND);\n\n this.door = this.getMeshDoor(size,x,y,z,false);\n this.door.position.y = size * 0.5 + y;\n this.door.position.x = x;\n this.door.position.z = z;\n\n } else if(type === Tile.TILE_DOOR_SECRET) {\n console.log(\"GOT DOOR!\");\n \n //Create the ground\n this.box = this.getMeshGround(size,\"./assets/textures/floor_dalle_text.jpg\");\n this.box.position.y = -size * 0.5 + y;\n this.box.position.x = x;\n this.box.position.z = z;\n this.mapInstance.addMeshToCluster(this.box,Tile.TILE_GROUND);\n \n this.door = this.getMeshDoor(size,x,y,z,true);\n this.door.position.y = size * 0.5 + y;\n this.door.position.x = x;\n this.door.position.z = z;\n } else {\n console.log(\"type not found! type \"+type);\n }\n \n\n /*\n \n this.gameInstance.shadowGen.getShadowMap().renderList.push( this.box );\n this.box.receiveShadows = true;*/\n }\n\n getMeshGround(size_,text_){\n\n if(!Tile.meshGroundInstance){\n\n let mesh = BABYLON.MeshBuilder.CreateBox(\"groundTile\", {size: size_}, this.gameInstance.scene);\n mesh.checkCollisions = true;\n \n let mat = new StandardMaterial(\"matGround\", this.gameInstance.scene);\n let textureBox = new Texture(text_, this.gameInstance.scene);\n mat.diffuseTexture = textureBox;\n mat.diffuseTexture.scale(1/4) ;\n mesh.material = mat;\n Tile.meshGroundInstance = mesh;\n this.gameInstance.setShadow(mesh);\n mat.freeze();\n mesh.convertToUnIndexedMesh();\n mesh.freezeWorldMatrix();\n }\n\n return Tile.meshGroundInstance.clone(\"Box Ground\");\n }\n\n getMeshGrass(size_,text_){\n\n if(!Tile.meshGrassInstance){\n\n let mesh = BABYLON.MeshBuilder.CreateBox(\"grassTile\", {size: size_}, this.gameInstance.scene);\n mesh.checkCollisions = true;\n \n let mat = new StandardMaterial(\"matGrass\", this.gameInstance.scene);\n let textureBox = new Texture(text_, this.gameInstance.scene);\n mat.diffuseTexture = textureBox;\n mat.diffuseTexture.scale(1/4) ;\n mesh.material = mat;\n Tile.meshGrassInstance = mesh;\n this.gameInstance.setShadow(mesh);\n mat.freeze();\n mesh.convertToUnIndexedMesh();\n mesh.freezeWorldMatrix();\n }\n\n return Tile.meshGrassInstance.clone(\"Box Grass\");\n }\n\n\n getMeshWall(size_){\n\n if(!Tile.meshWallInstance ){\n\n let mesh = MeshBuilder.CreateBox(\"myBox\", {size: size_}, this.gameInstance.scene);\n mesh.checkCollisions = true;\n let mat = new StandardMaterial(\"matBox\", this.gameInstance.scene);\n let textureBox = new Texture(\"./assets/textures/concrete_text.jpg\", this.gameInstance.scene);\n mat.diffuseTexture = textureBox;\n mesh.material = mat;\n Tile.meshWallInstance = mesh;\n this.gameInstance.setShadow(mesh);\n mat.freeze();\n mesh.convertToUnIndexedMesh();\n mesh.freezeWorldMatrix();\n \n }\n\n return Tile.meshWallInstance.clone(\"groundTile\");\n }\n /*\n getMeshAd(size_){\n\n let mesh = MeshBuilder.CreateBox(\"myBox\", {size: size_}, this.gameInstance.scene);\n mesh.checkCollisions = true;\n let mat = new StandardMaterial(\"matBoxLadder\", this.gameInstance.scene);\n mat.diffuseColor = BABYLON.Color3.Black();\n mesh.material = mat;\n mesh.convertToUnIndexedMesh();\n mat.freeze();\n\n return mesh;\n }*/\n\n getMeshLadder(size_){\n let mesh = MeshBuilder.CreateBox(\"ladder\", {size: size_}, this.gameInstance.scene);\n mesh.checkCollisions = true;\n let mat = new StandardMaterial(\"matBoxLadder\", this.gameInstance.scene);\n mat.diffuseColor = BABYLON.Color3.Red();\n mesh.material = mat;\n mesh.convertToUnIndexedMesh();\n mat.freeze();\n return mesh;\n }\n\n getMeshDoor(size_,x_,y_,z_, secret_){\n let door = new Door(this.tileCoordonates[0]+\"_\"+this.tileCoordonates[1]+\"_\"+this.tileCoordonates[2], size_, x_, y_, z_, secret_);\n return door.doorMesh;\n }\n\n getMeshGate(size_,x_,y_,z_, key_){\n let gate = new Gate(this.tileCoordonates[0]+\"_\"+this.tileCoordonates[1]+\"_\"+this.tileCoordonates[2], size_, x_, y_, z_,key_);\n return gate.doorMesh;\n }\n\n}","import { Injectable } from '@angular/core';\nimport { environment } from '../../environments/environment';\nimport { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';\nimport{ GameDataResponseModel } from '../models/game-data.response.model';\nimport{ PostStuffResponseModel } from '../models/postStuff.response.model';\nimport{ AdminResponseModel} from '../models/admin.response.model';\nimport{ GenericResponseModel } from '../models/generic.response.model';\nimport{ PostListResponseModel} from '../models/post-list.response.model';\n\nimport { PostModel } from '../models/post.model';\nimport { ActionModel } from '../models/action.model';\nimport { AllPostResponseModel } from '../models/all-post.response.model'\nimport { AllMapResponseModel } from '../models/all-map.response.model'\nimport { PlayerResponseModel } from '../models/player.response.model';\nimport {AllTilesResponseModel} from '../models/all-tiles.response.model';\nimport { PlayerModel } from '../models/player.model';\nimport { MapModel } from '../models/map.model';\nimport { OfflineService } from './offline.service';\nimport { AdvertisementModel } from '../models/advertisement.model';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ChanWebService {\n\n serverUrl : string = environment.apiUrl;\n //playerData : PlayerModel;\n\n constructor(private http:HttpClient, private offlineService: OfflineService) {}\n\n/***********************\n * CHAN/POST WEBSERVICE\n **********************/\n\n //Init the server URL for the WS\n setServerUrl( url ){\n this.serverUrl = url;\n }\n\n //Get thread posts list\n getMapPostList(playerX_, playerY_, name_, talk_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'getMapPosts');\n body = body.append('position_x', playerX_);\n body = body.append('position_y', playerY_);\n body = body.append('name', name_);\n body = body.append('talk', talk_);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n//Get thread posts list\ngetCanvasPostList(mapKey, canvasKey){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'getPostsByCanvas');\n body = body.append('map_key', mapKey);\n body = body.append('canvas_key', canvasKey);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\n//Get thread posts list\ngetReplyPostList(id_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'getReplies');\n body = body.append('post_id', id_);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\n//Create post\ncreatePost(post_ : PostModel){\n\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'createPost');\n body = body.append('url', post_.url);\n body = body.append('message', post_.message);\n body = body.append('canvas_key', post_.canvas_key);\n body = body.append('map_key', post_.map_key);\n body = body.append('reply', post_.reply.toString());\n\n //body = body.set('action' , 'createThread');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n\n}\n\ncreateLog(action_: ActionModel){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'setAction');\n body = body.append('player_action', action_.action);\n body = body.append('value', action_.value);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\ncreateAndUploadPaint(post_ : PostModel, imageData_ ){\n \n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'createPost');\n body = body.append('message', post_.message);\n body = body.append('canvas_key', post_.canvas_key);\n body = body.append('map_key', post_.map_key);\n body = body.append('reply', post_.reply.toString());\n body = body.append('image_data', imageData_);\n body = body.append('graffiti', post_.graffiti.toString());\n\n let headers = new HttpHeaders();\n headers.append(\"Content-Type\", \"application/x-www-form-urlencoded\");\n\n //http://j-query.blogspot.com/2011/02/save-base64-encoded-canvas-image-to-png.html\n\n //body = body.set('action' , 'createThread');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\n/***********************\n * PLAYER WEBSERVICE\n **********************/\n\n//Get thread posts list\n/*setMap(mapKey){\n\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('map_key', mapKey);\n body = body.append('action', 'changeMapPlayer');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n\n}*/\n\nchangeMapPlayerName(mapName){\n\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('map_name', mapName);\n body = body.append('action', 'changeMapPlayerName');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n\n}\n\nchangeMapRandom(isSecret_){\n\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('secret', isSecret_);\n body = body.append('action', 'changeMapRandom');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n\n}\n\ngetItem(itemKey){\n\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('item_key', itemKey);\n body = body.append('action', 'setPlayerItem');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n\n}\n\naddPlayerParams(body_: HttpParams){\n let playerData: PlayerModel = this.offlineService.getPlayerData();\n body_ = body_.append('player_id',playerData.id.toString());\n body_ = body_.append('player_key',playerData.player_key);\n return body_;\n}\n\ncreateUser(anonId, anonToken, password, mapKey){\n let body = new HttpParams();\n body = body.append('action', 'initPlayer');\n if(anonId) body = body.append('player_id', anonId);\n if(anonToken) body = body.append('player_key', anonToken);\n if(password) body = body.append('player_password', password);\n if(mapKey) body = body.append('map_key', mapKey);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\n\ngetAds(){\n return this.http.get('./assets/amaz/amaz.json');\n}\n\n/***********************\n * ADMIN WEBSERVICE\n **********************/\n\ndeletePost(postId_,threadId_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'deletePost');\n body = body.append('post_id', postId_.toString());\n body = body.append('map_key', threadId_);\n\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n\n \n setPostUrlToFile(postId_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'setPostUrlToFile');\n body = body.append('post_id', postId_.toString());\n\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n deletePostForVal(val_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'deletePostForVal');\n body = body.append('val',val_);\n\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n setBan(id_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'setBan');\n body = body.append('post_id',id_);\n\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n canonPost(postId_,threadId_){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'setPostCanon');\n body = body.append('post_id', postId_.toString());\n body = body.append('map_key', threadId_);\n\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n isAdminConnected(){\n let body = new HttpParams();\n body = body.append('action', 'testAdminSession');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n connectAdmin(password_){\n let body = new HttpParams();\n body = body.append('action', 'validAdmin');\n body = body.append('password', password_);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n setAdminPassword(password_){\n let body = new HttpParams();\n body = body.append('action', 'setAdminPassword');\n body = body.append('password', password_);\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n logout(){\n let body = new HttpParams();\n body = body.append('action', 'unLog');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n getAllPost(){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'getAllPost');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\n getAllMaps(){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'getAllMaps');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n }\n\ngetAllTiles(){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'getAllTiles');\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\nsaveMapModel(map_: MapModel){\n let body = new HttpParams();\n body = this.addPlayerParams(body);\n body = body.append('action', 'saveMapModel');\n\n body = body.append('id', map_.id.toString());\n body = body.append('key', map_.key);\n body = body.append('name', map_.name);\n body = body.append('theme', map_.theme);\n body = body.append('x', map_.x.toString());\n body = body.append('y', map_.y.toString());\n body = body.append('door_key_n', map_.door_key_n);\n body = body.append('door_key_e', map_.door_key_e);\n body = body.append('door_key_s', map_.door_key_s);\n body = body.append('door_key_w', map_.door_key_w);\n\n body = body.append('level_data', map_.level_data);\n\n body = body.append('height', map_.height.toString());\n body = body.append('width', map_.width.toString());\n\n return this.http.post(this.serverUrl+'ChanWebService.php',body);\n}\n\n\n}\n","import { Injectable, EventEmitter } from '@angular/core';\nimport { InteractionModel } from '../models/interaction-model';\nimport { PlayerModel } from '../models/player.model';\nimport { PostModel} from '../models/post.model';\nimport { ConfigModel } from '../models/config.model';\nimport ItemModel from '../models/item.model';\nimport { GameDataModel } from '../models/game-data.model';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class GameUIServiceService {\n\n public changeStateEmitter = new EventEmitter();\n //public changePlayerDataEmitter = new EventEmitter();\n //public changeItemsDataEmitter = new EventEmitter();\n public changeGameDataEmitter = new EventEmitter();\n public changeConfigEmitter = new EventEmitter();\n public sendInteractionsEmitter = new EventEmitter();\n public postArtCanvasEmitter = new EventEmitter();\n public deletePostEmitter = new EventEmitter();\n\n public static get STATE_GAME_RUNNING():number { return 0; }\n public static get STATE_POSTING_UI():number { return 1; }\n public static get STATE_POST_VIEWER_UI():number { return 2; }\n public static get STATE_POSTING_LOADING():number { return 3; }\n public static get STATE_PAINTING_UI():number { return 4; }\n public static get STATE_CMD_UI():number { return 5; }\n public static get STATE_INFO_UI():number { return 6; }\n public static get STATE_ITEMS_UI():number { return 7; }\n public static get STATE_NO_PLAYER():number { return 8; }\n public static get STATE_PLAYER_UI():number { return 9; }\n\n public forceWSEmitter = new EventEmitter();\n\n\n private gameState : number = GameUIServiceService.STATE_GAME_RUNNING;\n\n constructor() {\n\n }\n\n public changeState( state_ : number){\n this.gameState = state_;\n this.changeStateEmitter.emit( this.gameState);\n }\n\n public sendInteraction(interact_ : InteractionModel){\n this.sendInteractionsEmitter.emit( interact_);\n }\n\n public sendPost(post_ : PostModel){\n this.postArtCanvasEmitter.emit( post_);\n }\n\n public updateGameData(gameData_ : GameDataModel){\n this.changeGameDataEmitter.emit( gameData_ );\n }\n\n /*\n public updatePlayerData(playerData_ : PlayerModel){\n this.changePlayerDataEmitter.emit( playerData_);\n }\n\n public updateItemsData(itemsData){\n console.log(itemsData);\n this.changeItemsDataEmitter.emit( {items: itemsData});\n }*/\n\n public updateConfigData(config_ : ConfigModel){\n this.changeConfigEmitter.emit( config_);\n }\n\n public forceWS(){\n this.forceWSEmitter.emit();\n }\n\n public deletePost(post_){\n this.deletePostEmitter.emit(post_);\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { PlayerModel } from '../models/player.model';\nimport * as localforage from \"localforage\";\nimport { ConfigModel } from '../models/config.model';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class OfflineService {\n\n PLAYER_KEY: string = \"player_one_data2\";\n PLAYER_NAME_KEY: string = \"player_name\";\n KEYBOARD_KEY: string = \"keyboard\";\n CONFIG_KEY: string = \"config_key\";\n CHAN_KEY: string = \"CHAN_KEY3\";\n\n constructor() {\n }\n\n getPlayerData(){\n let data = localStorage.getItem(this.PLAYER_KEY);\n if(data != null ) return JSON.parse(data);\n return new PlayerModel();\n }\n\n savePlayer(player_ : PlayerModel){\n return localStorage.setItem(this.PLAYER_KEY, JSON.stringify(player_));\n }\n\n getPlayerName(){\n let data = localStorage.getItem(this.PLAYER_NAME_KEY);\n if(data != null ) return data;\n let name = Math.random().toString(36).substr(2, 9);\n this.savePlayerName(name);\n return name;\n }\n\n savePlayerName(playerName_){\n return localStorage.setItem(this.PLAYER_NAME_KEY, JSON.stringify(playerName_));\n }\n\n getConfig(){\n let data = localStorage.getItem(this.CONFIG_KEY);\n console.log(\"getConfig\"+data);\n if(data != null ) return JSON.parse(data);\n return new ConfigModel();\n }\n\n saveConfig(config_: ConfigModel){\n localStorage.setItem(this.CONFIG_KEY, JSON.stringify(config_));\n }\n\n getChanData(){\n let data = localStorage.getItem(this.CHAN_KEY);\n if(data != null ) return JSON.parse(data);\n return ['alpha'];\n }\n\n saveChan(chan_ : string){\n let listChan: string[] = this.getChanData();\n for(let c = 0; c < listChan.length; c++){\n if(listChan[c] == chan_) return;\n }\n listChan.push(chan_);\n return localStorage.setItem(this.CHAN_KEY, JSON.stringify(listChan));\n }\n \n /*\n getKeyboard(){\n return localStorage.getItem(this.KEYBOARD_KEY);\n }\n\n saveKeyboard(keyboard_){\n console.log(\"saveKeyboard()\"+keyboard_);\n return localStorage.setItem(this.KEYBOARD_KEY, keyboard_);\n }*/\n}\n","export class Constants{\n\n public static get ITEM_KEY_UPLOAD_RING():string { return \"upload\"; }\n public static get ITEM_KEY_DELETE_SPONGE():string { return \"post delete\"; }\n public static get ITEM_KEY_VARNISH():string { return \"varnish powder\"; } \n\n}","export class Helpers {\n\n /**\n * Determine the mobile operating system.\n * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'.\n *\n * @returns {Boolean}\n */\n\n public static isMobile() {\n\n let userAgent = navigator.userAgent || navigator.vendor ;\n \n // Windows Phone must come first because its UA also contains \"Android\"\n if (/windows phone/i.test(userAgent)) {\n return true;\n }\n \n if (/android/i.test(userAgent)) {\n return true;\n }\n \n // iOS detection from: http://stackoverflow.com/a/9039885/177710\n if (/iPad|iPhone|iPod/.test(userAgent) ) {\n return true;\n }\n \n return false;\n }\n\n public static antiWord(message_){\n return message_.replace(/nigger/ig, 'noggel');\n }\n\n public static isPT(){\n let lang = navigator.language ; \n return (lang.toLowerCase().indexOf('pt') > -1 || lang.toLowerCase().indexOf('BR') > -1);\n }\n\n}","import { DomSanitizer } from '@angular/platform-browser';\n\nexport class UrlParser {\n\n public url: string;\n public type: number = 0;\n\n public static get TYPE_LINK():number { return 0; }\n public static get TYPE_IMG():number { return 1; }\n public static get TYPE_IMG_GIF():number { return 2; }\n public static get TYPE_MOVIE():number { return 3; }\n public static get TYPE_YOUTUBE():number { return 4; }\n public static get TYPE_MP3():number { return 5; }\n\n constructor(url_ : string){\n this.url = url_;\n this.type = this.getUrlType();\n return this;\n }\n\n public setUrl(url_: string){\n this.url = url_;\n this.type = this.getUrlType();\n return this;\n }\n\n public getUrlType(){\n\n if(this.url != undefined){\n let tempUrl = this.url.toLowerCase();\n if(tempUrl.indexOf(\"png\") > -1 || tempUrl.indexOf(\"jpg\") > -1 || tempUrl.indexOf(\"jpeg\") > -1 || tempUrl.indexOf(\"webp\") > -1 ){\n return UrlParser.TYPE_IMG;\n } else if(tempUrl.indexOf(\"gif\") > -1 ){\n return UrlParser.TYPE_IMG_GIF;\n } else if(tempUrl.indexOf(\".mp4\") > -1 || tempUrl.indexOf(\".webm\") > -1 ){\n return UrlParser.TYPE_MOVIE;\n } else if(tempUrl.indexOf(\"youtube.com\") > -1 || tempUrl.indexOf(\"youtu.be\") > -1 ){\n return UrlParser.TYPE_YOUTUBE;\n } else if(tempUrl.indexOf(\"mp3\") > -1){\n return UrlParser.TYPE_MP3;\n }\n }\n\n return UrlParser.TYPE_LINK;\n }\n\n public getYoutubeId(){\n let regExp = /^.*(youtu\\.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|\\&v=)([^#\\&\\?]*).*/;\n let match = this.url.match(regExp);\n if (match && match[2].length == 11) {\n return match[2];\n } else {\n return \"\";\n }\n }\n\n public getImage(){\n\n if(this.type === UrlParser.TYPE_YOUTUBE){\n //get the preview\n return \"https://img.youtube.com/vi/\"+this.getYoutubeId()+\"/hqdefault.jpg\";\n }\n\n return this.url;\n }\n\n public getSafeTubeURL(sanitizer_ : DomSanitizer){\n let tmpURl;\n if(this.type === UrlParser.TYPE_YOUTUBE){\n //get the preview\n tmpURl = \"https://www.youtube.com/embed/\"+this.getYoutubeId();\n return sanitizer_.bypassSecurityTrustResourceUrl(tmpURl);\n }\n\n return this.url;\n }\n}","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false,\n apiUrl: 'http://localhost:8888/srv/php/',\n clientUrl: '/',\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n\n"],"sourceRoot":""}