var w, h, ctxmazes, ctxtuchs, ctxmario, ctxdragons, cvsmazes, cvstuchs, cvsmario, cvsdragons; var iMazeUpdatedId = 0; var vDragonStepTimeOut = 1500, vDragonRefreshTimeOut = 100; var bLevelActive; var oInttervalDragonStep, oInttervalDragonRefresh; var oMario, GameMaze, aDragons, aGoldBunches; var gAudioContext, oYouTubePlayer, oYouTubePlayerReady = false; /* 14.01.2020 Edition 2 of Maze Survival Game: https://code.sololearn.com/W1P5vgr1SF5U/?ref=app The rules have been adjusted - now that the door has turned in the lower right corner of the maze, you need to collect all the gold. The game adds music from the games of the Mario series and the sound of movement of Mario himself. Improved Mario control mechanics. In this version, the conditions of the game are complicated due to the fact that: - added fog of uncharted cells. - In the game there is a dragon himself (and on the upper levels there are 2 or 3), who wants to eat Mario, and with each level he becomes smarter. */ var BorderPanelSize = 500; var iLevelTo_OneDrag = 3; var iLevelTo_TwoDrag = 5; var iLevelTo_ThrDrag = 8; var levelId; // maze dimensions // width height // section mazes dimentions // amazesxw amazesyw var levelsOps = [ { width : 4, height : 4, amazesxw : 3, amazesyw : 4, SeekSoundSeconds : 0.0 // 0 }, { width : 5, height : 5, amazesxw : 4, amazesyw : 4, SeekSoundSeconds : 4.09 * 60.0 }, { width : 5, height : 5, amazesxw : 6, amazesyw : 6, SeekSoundSeconds : 11.00 * 60.0 }, { width : 8, height : 8, amazesxw : 6, amazesyw : 6, SeekSoundSeconds : 17.33 * 60.0 }, { width : 10, height : 10, amazesxw : 6, amazesyw : 6, SeekSoundSeconds : 20.38 * 60.0 }, { width : 10, height : 10, amazesxw : 7, amazesyw : 7, SeekSoundSeconds : 25.04 * 60.0 }, { width : 12, height : 12, amazesxw : 7, amazesyw : 7, SeekSoundSeconds : 40.16 * 60.0 }, { width : 12, height : 12, amazesxw : 8, amazesyw : 8, SeekSoundSeconds : 48.29 * 60.0 }, { width : 13, height : 13, amazesxw : 9, amazesyw : 9, SeekSoundSeconds : 56.53 * 60.0 }, { width : 20, height : 20, amazesxw : 12, amazesyw : 12, SeekSoundSeconds : 59.42 * 60.0 }, ]; // visible maze diemnsions const vw = 12, vh = 16; // visible maze position const vx = 0, vy = 0; var exitDoor = [ [ ['🔳','📀','🈶','📀','🈶','📀','🈶','📀','🈶','📀','🈶','🔳'], ['🔳','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🎮','🔳'], ['🔳','📀','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🔳'], ['🔳','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🎮','🎮','🔳'], ['🔳','📀','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🔳'], ['🔳','🈶','🈶','🈶','🈶','🎮','🈶','🈶','🈶','🎮','🎮','🔳'], ['🔳','📀','🈶','🈶','🎮','📘','🎮','🈶','🈶','🈶','📀','🔳'], ['🔳','🈶','🈶','🎮','📘','📘','📘','🎮','🈶','🈶','🈶','🔳'], ['🔳','📀','🈶','🎮','📘','📘','📘','🎮','🈶','🈶','📀','🔳'], ['🔳','🈶','🈶','🈶','🎮','📘','🎮','🈶','🈶','🈶','🈶','🔳'], ['🔳','📀','🈶','🈶','🈶','🎮','🈶','🈶','🈶','🎮','🎮','🔳'], ['🔳','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🔳'], ['🔳','📀','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🎮','🎮','🔳'], ['🔳','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🔳'], ['🔳','📀','🈶','🈶','🈶','🈶','🈶','🈶','🈶','🎮','🎮','🔳'], ['🔳','🈶','📀','🈶','📀','🈶','📀','🈶','📀','🈶','📀','🔳'], ] ]; var goldBunch = [ [ ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','📀','📀','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','📀','📀','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📀','📀','📀','📀','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📀','📀','📀','📀','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📀','📀','📀','📀','📀','📀','🔳','🔳','🔳'], ['🔳','🔳','🔳','📀','📀','📀','📀','📀','📀','🔳','🔳','🔳'], ['🔳','🔳','📀','📀','📀','📀','📀','📀','📀','📀','🔳','🔳'], ['🔳','🔳','📀','📀','📀','📀','📀','📀','📀','📀','🔳','🔳'], ['🔳','📀','📀','📀','📀','📀','📀','📀','📀','📀','📀','🔳'], ['🔳','📀','📀','📀','📀','📀','📀','📀','📀','📀','📀','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'] ] ]; var eyeVision = [ [ ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🎮','🔳','🎮','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📖','📖','📖','📖','🎮','🔳','🔳','🔳'], ['🔳','🔳','🎮','📖','📖','📖','📖','📖','📖','🔳','🔳','🔳'], ['🔳','🔳','📖','📖','📖','📖','📖','📖','📖','📖','🎮','🔳'], ['🎮','📖','📖','📖','📖','🈶','🎮','📖','📖','📖','📖','🔳'], ['🔳','📖','📖','📖','📖','🎮','🈶','📖','📖','📖','📖','🎮'], ['🔳','🔳','📖','📖','📖','📖','📖','📖','📖','📖','🔳','🔳'], ['🔳','🔳','🔳','📖','📖','📖','📖','📖','📖','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📖','📖','📖','📖','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ] ]; var mario = [ //Left or Right moves 0 - 2 [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','📕','📕','🔳'], ['🔳','🔳','🈶','🈶','🈶','📔','📔','🎮','📔','🔳','🔳','🔳'], ['🔳','🈶','📔','🈶','📔','📔','📔','🎮','📔','📔','📔','🔳'], ['🔳','🈶','📔','🈶','🈶','📔','📔','📔','🎮','📔','📔','📔'], ['🔳','🈶','🈶','📔','📔','📔','📔','🎮','🎮','🎮','🎮','🔳'], ['🔳','🔳','🔳','📔','📔','📔','📔','📔','📔','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📘','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','📕','📕','📕','📘','📕','📕','📘','📕','📕','📕','🔳'], ['📕','📕','📕','📕','📘','📘','📘','📘','📕','📕','📕','📕'], ['📔','📔','📕','📘','📀','📘','📘','📀','📘','📕','📔','📔'], ['🔳','🔳','🔳','📘','📘','📘','📘','📘','📘','🔳','🔳','🔳'], ['🔳','🔳','📘','📘','📘','📘','📘','📘','📘','📘','🔳','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','📘','📘','📘','🔳','🔳'], ['🔳','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🔳'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🎮'] ], [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','📕','📕','🔳'], ['🔳','🔳','🈶','🈶','🈶','📔','📔','🎮','📔','🔳','🔳','🔳'], ['🔳','🈶','📔','🈶','📔','📔','📔','🎮','📔','📔','📔','🔳'], ['🔳','🈶','📔','🈶','🈶','📔','📔','📔','🎮','📔','📔','📔'], ['🔳','🈶','🈶','📔','📔','📔','📔','🎮','🎮','🎮','🎮','🔳'], ['🔳','🔳','🔳','📔','📔','📔','📔','📔','📔','🔳','🔳','🔳'], ['🔳','🔳','🔳','📕','📕','📕','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📘','🔳','🔳','🔳','🔳','🔳'], ['🔳','📕','📕','📕','📕','📕','📘','📕','🔳','🔳','🔳','🔳'], ['🔳','📕','🔳','📕','📕','📕','📀','📕','🔳','🔳','🔳','🔳'], ['🔳','📔','📔','📘','📘','📘','📘','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📘','📘','📘','📘','📔','🔳','🔳','🔳','🔳'], ['🔳','🔳','📘','📘','📘','📘','📘','📘','🔳','🔳','🔳','🔳'], ['🔳','🔳','🎮','🎮','🎮','🔳','🎮','🎮','🎮','🔳','🔳','🔳'], ['🔳','🔳','🎮','🎮','🎮','🔳','🎮','🎮','🎮','🎮','🔳','🔳'], ], [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','📕','📕','🔳'], ['🔳','🔳','🈶','🈶','🈶','📔','📔','🎮','📔','🔳','🔳','🔳'], ['🔳','🈶','📔','🈶','📔','📔','📔','🎮','📔','📔','📔','🔳'], ['🔳','🈶','📔','🈶','🈶','📔','📔','📔','🎮','📔','📔','📔'], ['🔳','🈶','🈶','📔','📔','📔','📔','🎮','🎮','🎮','🎮','🔳'], ['🔳','🔳','🔳','📔','📔','📔','📔','📔','📔','🔳','🔳','🔳'], ['🔳','🔳','🔳','📕','📕','📕','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📕','📕','📕','📘','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📘','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📀','🔳','📕','🔳','🔳','🔳'], ['🔳','🔳','📕','📘','📘','📘','📘','🔳','📔','📔','🔳','🔳'], ['🔳','🔳','📔','📘','📘','📘','📘','📘','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📘','📘','📘','📘','📘','📘','🔳','🔳','🔳'], ['🔳','🔳','🔳','🎮','🎮','🎮','🔳','🎮','🎮','🎮','🔳','🔳'], ['🔳','🔳','🔳','🎮','🎮','🎮','🔳','🎮','🎮','🎮','🎮','🔳'], ], //Down moves 3 - 5 [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','📕','📕','📕','📕','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','🎮','📔','🎮','📔','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','📔','📔','📔','📔','🈶','🔳','🔳','🔳'], ['🔳','🔳','🔳','🎮','🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳'], ['🔳','🔳','🎮','🎮','📔','📔','📔','🎮','🎮','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📘','📕','📕','📘','📕','🔳','🔳','🔳'], ['🔳','📕','📕','📕','📘','📕','📕','📘','📕','📕','📕','🔳'], ['📕','📕','📕','📕','📘','📘','📘','📘','📕','📕','📕','📕'], ['📔','📔','📕','📘','📀','📘','📘','📀','📘','📕','📔','📔'], ['🔳','🔳','🔳','📘','📘','📘','📘','📘','📘','🔳','🔳','🔳'], ['🔳','🔳','📘','📘','📘','📘','📘','📘','📘','📘','🔳','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','📘','📘','📘','🔳','🔳'], ['🔳','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🔳'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🎮'] ], [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','📕','📕','📕','📕','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','🎮','📔','🎮','📔','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','📔','📔','📔','📔','🈶','🔳','🔳','🔳'], ['🔳','🔳','🔳','🎮','🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳'], ['🔳','🔳','🎮','🎮','📔','📔','📔','🎮','🎮','📕','📕','🔳'], ['🔳','🔳','🔳','📕','📘','📕','📕','📘','📕','📕','📕','📕'], ['🔳','🔳','📕','📕','📘','📕','📕','📘','📕','📕','📔','📔'], ['🔳','📕','📕','📕','📘','📘','📘','📘','📕','🔳','🔳','🔳'], ['📕','📕','📕','📘','📀','📘','📘','📀','📘','📘','🔳','🔳'], ['📔','📔','🔳','📘','📘','📘','📘','📘','📘','📘','🔳','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','📘','🎮','🎮','🎮','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','🔳','🎮','🎮','🎮','🎮'], ['🔳','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'] ], [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','🈶','📕','📕','📕','📕','📔','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','📔','🎮','📔','🎮','📔','🈶','🔳','🔳','🔳'], ['🔳','🔳','🔳','📔','📔','📔','📔','📔','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🎮','🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳'], ['🔳','📕','🎮','🎮','📔','📔','📔','🎮','🎮','🔳','🔳','🔳'], ['📕','📕','📕','📕','📘','📕','📕','📘','📕','🔳','🔳','🔳'], ['📔','📔','📕','📕','📘','📕','📕','📘','📕','🔳','🔳','🔳'], ['🔳','🔳','🔳','📕','📘','📘','📘','📘','📕','📕','📕','🔳'], ['🔳','🔳','📘','📘','📀','📘','📘','📀','📘','📕','📕','🔳'], ['🔳','📘','📘','📘','📘','📘','📘','📘','📘','🔳','📕','📕'], ['🔳','🎮','🎮','🎮','📘','🔳','🔳','📘','📘','📘','📔','📔'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','📘','📘','📘','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🎮'] ], //Up moves 6 - 8 [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','🈶','📕','📕','📕','📕','📕','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','🈶','📕','📕','📕','🈶','🈶','🔳','🔳','🔳'], ['🔳','🔳','🔳','🈶','🈶','🈶','🈶','🈶','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🈶','🈶','🈶','🈶','🈶','🔳','🔳','🔳','🔳'], ['🔳','🔳','🎮','🎮','📔','📔','📔','🎮','🎮','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📘','📕','📕','📘','📕','🔳','🔳','🔳'], ['🔳','📕','📕','📕','📘','📘','📘','📘','📕','📕','📕','🔳'], ['📕','📕','📕','📕','📘','📘','📘','📘','📕','📕','📕','📕'], ['📔','📔','📕','📘','📘','📘','📘','📘','📘','📕','📔','📔'], ['🔳','🔳','🔳','📘','📘','📘','📘','📘','📘','🔳','🔳','🔳'], ['🔳','🔳','📘','📘','📘','📘','📘','📘','📘','📘','🔳','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','📘','📘','📘','🔳','🔳'], ['🔳','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🔳'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🎮'] ], [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','🈶','📕','📕','📕','📕','📕','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','🈶','📕','📕','📕','🈶','🈶','🔳','🔳','🔳'], ['🔳','🔳','🔳','🈶','🈶','🈶','🈶','🈶','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🈶','🈶','🈶','🈶','🈶','🔳','🔳','🔳','🔳'], ['🔳','🔳','🎮','🎮','📔','📔','📔','🎮','🎮','📕','📕','🔳'], ['🔳','🔳','🔳','📕','📘','📕','📕','📘','📕','📕','📕','📕'], ['🔳','🔳','📕','📕','📘','📘','📘','📘','📕','📕','📔','📔'], ['🔳','📕','📕','📕','📘','📘','📘','📘','📕','🔳','🔳','🔳'], ['📕','📕','📕','📘','📘','📘','📘','📘','📘','📘','🔳','🔳'], ['📔','📔','🔳','📘','📘','📘','📘','📘','📘','📘','🔳','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','📘','🎮','🎮','🎮','🔳'], ['🔳','🔳','📘','📘','📘','🔳','🔳','🔳','🎮','🎮','🎮','🎮'], ['🔳','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳'] ], [ ['🔳','🔳','🔳','📕','📕','📕','📕','📕','🔳','🔳','🔳','🔳'], ['🔳','🔳','📕','📕','📕','📕','📕','📕','📕','🔳','🔳','🔳'], ['🔳','🔳','🈶','📕','📕','📕','📕','📕','🈶','🔳','🔳','🔳'], ['🔳','🔳','🈶','🈶','📕','📕','📕','🈶','🈶','🔳','🔳','🔳'], ['🔳','🔳','🔳','🈶','🈶','🈶','🈶','🈶','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🈶','🈶','🈶','🈶','🈶','🔳','🔳','🔳','🔳'], ['🔳','📕','🎮','🎮','📔','📔','📔','🎮','🎮','🔳','🔳','🔳'], ['📕','📕','📕','📕','📘','📕','📕','📘','📕','🔳','🔳','🔳'], ['📔','📔','📕','📕','📘','📘','📘','📘','📕','🔳','🔳','🔳'], ['🔳','🔳','🔳','📕','📘','📘','📘','📘','📕','📕','📕','🔳'], ['🔳','🔳','📘','📘','📘','📘','📘','📘','📘','📕','📕','🔳'], ['🔳','📘','📘','📘','📘','📘','📘','📘','📘','🔳','📕','📕'], ['🔳','🎮','🎮','🎮','📘','🔳','🔳','📘','📘','📘','📔','📔'], ['🎮','🎮','🎮','🎮','🔳','🔳','🔳','📘','📘','📘','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','🔳','🎮','🎮','🎮','🎮'] ] ]; var dragon = [ //Left or Right moves 0 - 2 [ ['🔳','🔳','🔳','🔳','🔳','🔳','📗','📗','📗','🔳','🔳','🔳'], ['🔳','📗','🔳','🔳','🔳','📗','📗','📕','📗','📕','🔳','🔳'], ['🔳','🔳','📗','🔳','🔳','📗','🔳','📗','📗','📗','📗','🔳'], ['🔳','🔳','📔','📗','🔳','🔳','📗','📔','📗','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','🔳','🔳','📗','📔','📔','📗','📗','🔳'], ['🔳','🔳','📗','🔳','🔳','📗','📗','🔳','📔','📔','🔳','🔳'], ['🔳','📗','🔳','🔳','📗','📗','🔳','📗','🔳','🔳','🔳','🔳'], ['📔','📗','🔳','📔','📗','🔳','🔳','📗','📔','🔳','🔳','🔳'], ['📔','📗','📗','🔳','📔','🔳','🔳','📗','📔','📗','🔳','🔳'], ['🔳','📔','📗','🔳','🔳','📗','📗','📔','📔','📗','📗','🔳'], ['🔳','🔳','📗','📗','📗','📔','📔','📔','🔳','🔳','📗','📗'], ['🔳','🔳','📗','📗','📔','📔','🔳','🔳','🔳','📔','🔳','📔'], ['🔳','📗','📗','📗','📔','📗','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','📗','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳'], ['🔳','📗','📗','🔳','🔳','🔳','📗','📗','📗','📔','🔳','🔳'], ['🔳','🔳','📗','📗','📗','📔','🔳','🔳','📔','🔳','🔳','🔳'], ], [ ['🔳','📗','🔳','🔳','🔳','🔳','🔳','📗','📗','📗','🔳','🔳'], ['📗','📔','🔳','🔳','🔳','🔳','📗','📗','📕','📗','📕','🔳'], ['🔳','📗','🔳','🔳','🔳','🔳','📗','🔳','📗','📗','📗','📗'], ['🔳','📔','📗','🔳','🔳','🔳','📗','📔','📗','🔳','🔳','🔳'], ['🔳','🔳','📗','🔳','🔳','🔳','📗','📔','📔','🔳','🔳','🔳'], ['🔳','🔳','📗','🔳','🔳','📗','📗','🔳','📔','📗','📗','🔳'], ['🔳','📗','🔳','🔳','📗','📗','🔳','📗','🔳','🔳','🔳','📗'], ['📔','📗','🔳','🔳','📗','📗','🔳','📗','📔','🔳','📗','📗'], ['📔','📗','📗','🔳','🔳','📗','📗','📗','📔','📗','📗','📔'], ['🔳','📔','📗','🔳','🔳','📗','📔','📔','📔','📗','📔','🔳'], ['🔳','🔳','📗','📗','📗','📔','📗','📔','🔳','🔳','🔳','🔳'], ['🔳','🔳','📗','📗','📔','📔','📔','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','📗','📗','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','📗','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳'], ['🔳','🔳','📔','📗','📔','🔳','📗','📗','📔','🔳','🔳','🔳'], ], [ ['🔳','📗','🔳','🔳','🔳','🔳','📗','📗','📗','🔳','🔳','🔳'], ['📗','📔','📗','🔳','🔳','📗','📗','📕','📗','📕','🔳','🔳'], ['📗','🔳','📗','🔳','🔳','📗','🔳','📗','📗','📗','📗','🔳'], ['📗','🔳','📗','📗','🔳','📗','📔','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','📗','📗','🔳','🔳','📗','📔','📔','📗','📗','🔳'], ['🔳','🔳','📗','📔','🔳','📗','📗','🔳','📔','🔳','🔳','🔳'], ['🔳','📗','📗','🔳','📗','📗','🔳','📗','🔳','🔳','🔳','🔳'], ['🔳','📗','📔','🔳','📗','📗','🔳','📗','📔','🔳','🔳','🔳'], ['📗','📗','📗','🔳','🔳','📗','📗','📗','📔','📗','🔳','📔'], ['🔳','📔','📗','🔳','📗','📗','📔','📔','📔','📗','📗','📗'], ['🔳','🔳','📗','📗','📗','📔','📗','📔','🔳','🔳','📗','📗'], ['🔳','🔳','🔳','📗','📔','📔','📗','🔳','🔳','🔳','🔳','📔'], ['🔳','🔳','🔳','📗','📔','🔳','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','🔳','🔳','🔳','📗','📗','📗','🔳','🔳'], ['🔳','🔳','📗','📗','🔳','🔳','🔳','📔','📗','📔','🔳','🔳'], ['🔳','🔳','📗','📗','📗','📔','🔳','🔳','📔','🔳','🔳','🔳'], ], //Down moves 3 - 5 [ ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📕','📗','📗','📕','📗','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','📗','🔳'], ['🔳','🔳','🔳','🔳','🔳','📔','📔','🔳','🔳','📗','🔳','🔳'], ['🔳','🔳','🔳','🔳','📗','📔','📔','📗','🔳','📗','🔳','🔳'], ['📗','🔳','🔳','🔳','📗','📔','📔','📗','🔳','🔳','📗','📗'], ['📔','📗','🔳','📗','📔','📔','📔','📔','📗','🔳','📗','📔'], ['🔳','📗','📗','📗','📔','📔','📔','📔','📗','📗','📗','📗'], ['🔳','🔳','📔','🔳','📔','📔','📔','📔','🔳','📔','🔳','📗'], ['🔳','🔳','🔳','🔳','📔','📔','📔','📔','📗','📗','📗','📗'], ['🔳','🔳','🔳','🔳','📔','📔','📔','📔','📗','📗','📗','🔳'], ['🔳','🔳','🔳','📗','📗','🔳','🔳','📗','📗','🔳','🔳','🔳'], ['🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳'], ['🔳','📗','📗','📗','📗','🔳','🔳','📗','📗','📗','📗','🔳'], ['🔳','📔','🔳','📔','📔','🔳','🔳','📔','📔','🔳','📔','🔳'], ], [ ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📕','📗','📗','📕','📗','🔳','🔳','🔳'], ['🔳','🔳','📗','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','📗','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳'], ['🔳','📗','🔳','🔳','🔳','📔','📔','🔳','🔳','🔳','🔳','📗'], ['🔳','📗','🔳','🔳','📗','📔','📔','📗','📗','🔳','📗','📔'], ['🔳','📗','🔳','🔳','📗','📔','📔','📗','📗','📗','📗','🔳'], ['🔳','📗','🔳','📗','📔','📔','📔','📔','📗','📔','🔳','🔳'], ['📗','📗','🔳','📗','📔','📔','📔','📔','🔳','🔳','🔳','🔳'], ['📔','📗','🔳','📗','📔','📔','📔','📔','🔳','🔳','🔳','🔳'], ['🔳','📗','📗','📗','📔','📔','📔','📔','🔳','🔳','🔳','🔳'], ['🔳','🔳','📔','🔳','📔','📔','📔','📔','📗','📗','🔳','🔳'], ['🔳','🔳','🔳','📗','📗','🔳','🔳','📗','📗','📗','📗','📗'], ['🔳','🔳','📗','📗','🔳','🔳','🔳','📔','🔳','📔','🔳','📔'], ['🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','📔','🔳','📔','📔','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ], [ ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📕','📗','📗','📕','📗','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳'], ['📗','🔳','🔳','🔳','🔳','📔','📔','🔳','🔳','📗','🔳','🔳'], ['📔','📗','🔳','📗','📗','📔','📔','📗','📗','📗','📗','🔳'], ['🔳','📗','📗','📗','📗','📔','📔','📗','📗','🔳','📗','📗'], ['🔳','🔳','📔','📗','📔','📔','📔','📔','📗','🔳','📗','📔'], ['🔳','🔳','🔳','🔳','📔','📔','📔','📔','📗','📗','📗','📗'], ['🔳','🔳','🔳','🔳','📔','📔','📔','📔','🔳','📔','🔳','📗'], ['🔳','🔳','🔳','📗','📔','📔','📔','📔','🔳','🔳','🔳','📗'], ['🔳','📗','📗','📗','📔','📔','📔','📔','🔳','🔳','📗','📗'], ['📗','📗','📗','📗','📗','🔳','🔳','📗','📗','🔳','📗','🔳'], ['📔','🔳','📔','📗','📔','🔳','🔳','🔳','📗','📗','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','📔','📔','🔳','📔','🔳'], ], //Up moves 6 - 8 [ ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📗','📗','📗','📗','📗','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','📗','🔳'], ['🔳','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳','📗','🔳','🔳'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','📗','🔳','🔳'], ['📗','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','📗','📗'], ['📔','📗','🔳','📗','📗','📗','📗','📗','📗','🔳','📗','📔'], ['🔳','📗','📗','📗','📗','📗','📗','📗','📗','📗','📗','📗'], ['🔳','🔳','📔','🔳','📗','📗','📗','📗','🔳','📔','🔳','📗'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','📗','📗','📗','📗'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','📗','📗','📗','🔳'], ['🔳','🔳','🔳','📗','📗','🔳','🔳','📗','📗','🔳','🔳','🔳'], ['🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳'], ['🔳','📗','📗','📗','📗','🔳','🔳','📗','📗','📗','📗','🔳'], ['🔳','📔','🔳','📔','📔','🔳','🔳','📔','📔','🔳','📔','🔳'], ], [ ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📗','📗','📗','📗','📗','🔳','🔳','🔳'], ['🔳','🔳','📗','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','📗','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳'], ['🔳','📗','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','📗'], ['🔳','📗','🔳','🔳','📗','📗','📗','📗','📗','🔳','📗','📔'], ['🔳','📗','🔳','🔳','📗','📗','📗','📗','📗','📗','📗','🔳'], ['🔳','📗','🔳','📗','📗','📗','📗','📗','📗','📔','🔳','🔳'], ['📗','📗','🔳','📗','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['📔','📗','🔳','📗','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','📗','📗','📗','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','📔','🔳','📗','📗','📗','📗','📗','📗','🔳','🔳'], ['🔳','🔳','🔳','📗','📗','🔳','🔳','📗','📗','📗','📗','📗'], ['🔳','🔳','📗','📗','🔳','🔳','🔳','📔','🔳','📔','🔳','📔'], ['🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ['🔳','📔','🔳','📔','📔','🔳','🔳','🔳','🔳','🔳','🔳','🔳'], ], [ ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','📗','📗','📗','📗','📗','📗','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','🔳','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳','🔳','🔳','🔳'], ['📗','🔳','🔳','🔳','🔳','📗','📗','🔳','🔳','📗','🔳','🔳'], ['📔','📗','🔳','📗','📗','📗','📗','📗','📗','📗','📗','🔳'], ['🔳','📗','📗','📗','📗','📗','📗','📗','📗','🔳','📗','📗'], ['🔳','🔳','📔','📗','📗','📗','📗','📗','📗','🔳','📗','📔'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','📗','📗','📗','📗'], ['🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳','📔','🔳','📗'], ['🔳','🔳','🔳','📗','📗','📗','📗','📗','🔳','🔳','🔳','📗'], ['🔳','📗','📗','📗','📗','📗','📗','📗','🔳','🔳','📗','📗'], ['📗','📗','📗','📗','📗','🔳','🔳','📗','📗','🔳','📗','🔳'], ['📔','🔳','📔','📗','📔','🔳','🔳','🔳','📗','📗','🔳','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','📗','📗','📗','📗','🔳'], ['🔳','🔳','🔳','🔳','🔳','🔳','🔳','📔','📔','🔳','📔','🔳'], ], ]; var color="#ffffff"; var touchX,touchY; var radius = 0; var frameCount=0; onload = () => { gAudioContext = new (window.AudioContext || window.webkitAudioContext)(); cvsmazes = document.querySelector('#mazes'); cvstuchs = document.querySelector('#tuchs'); cvsdragons = document.querySelector('#dragons'); cvsmario = document.querySelector('#mario'); w = cvsmazes.width = 3*innerWidth; h = cvsmazes.height = 3*innerHeight; ctxmazes = cvsmazes.getContext('2d'); ctxmazes.lineWidth = 10; ctxmazes.lineCap = 'round'; cvstuchs.width = cvsmazes.width; cvstuchs.height = cvsmazes.height; ctxtuchs = cvstuchs.getContext('2d'); cvstuchs.addEventListener('touchstart', sketchpad_touchStart, false); cvstuchs.addEventListener('touchend', sketchpad_touchEnd, false); cvstuchs.addEventListener("mousedown", sketchpad_mouseDown, false); cvstuchs.addEventListener("mouseup", sketchpad_mouseUp, false); cvsdragons.width = cvsmazes.width; cvsdragons.height = cvsmazes.height; ctxdragons = cvsdragons.getContext('2d'); cvsmario.width = cvsmazes.width; cvsmario.height = cvsmazes.height; ctxmario = cvsmario.getContext('2d'); levelId = 0; bLevelActive = false; oInttervalDragonRefresh = null; oTimeOutDragonRefresh = null; oMario = new cMario( mario, ctxmario ); oDragon1 = new cDragon( dragon, ctxdragons ); oDragon2 = new cDragon( dragon, ctxdragons ); oDragon3 = new cDragon( dragon, ctxdragons ); if( levelId < levelsOps.length ){ beginLevel(); } } function beginLevel() { clearTuchCanvas(); clearDragonsCanvas(); clearMarioCanvas(); clearMazeCanvas(); bExitDoorActive = false; if( levelId === 0 ){ alert("🐉\nAn evil dragon lured mario into a pyramid of labyrinths.\n"+ "You need to go through ten levels and take Mario out of the pyramid.\n"+ "But, the door from the maze will appear only after Mario collects all the gold.🤔"); } alert("🐉\nPyramid level [ " + (levelId + 1) + " [. Try to get mario out of the maze.\n😏🐉\n"); iMazeUpdatedId = 0; if( oYouTubePlayerReady){ oYouTubePlayer.seekTo( levelsOps[ levelId ].SeekSoundSeconds ); } GameMaze = generateMazeLinkSections( levelsOps[ levelId ].amazesxw, levelsOps[ levelId ].amazesyw, levelsOps[ levelId ].width, levelsOps[ levelId ].width); n = GameMaze.length; m = GameMaze[0].length; oMario.resetPos(); aDragons = []; if( levelId < iLevelTo_OneDrag ){ aDragons.push( oDragon1 ); } else if( levelId < iLevelTo_TwoDrag ){ aDragons.push( oDragon1 ); aDragons.push( oDragon1 ); } else { aDragons.push( oDragon1 ); aDragons.push( oDragon1 ); aDragons.push( oDragon1 ); }; if( levelId < iLevelTo_OneDrag ){ oDragon1.resetPos(n - 1, m - 2); oDragon1.resetPathMoves(); } else if( levelId < iLevelTo_TwoDrag ){ oDragon1.resetPos(n - 1, m - 2); oDragon1.resetPathMoves(); let dx, dy; dx = Math.floor( Math.random() * Math.floor( n/2 ) ) + Math.floor( n/2 ); dy = Math.floor( Math.random() * Math.floor( m/2 ) ) + Math.floor( m/2 ); oDragon2.resetPos(dx, dy); oDragon2.resetPathMoves(); } else { oDragon1.resetPos(n - 1, m - 2); oDragon1.resetPathMoves(); dx = Math.floor( Math.random() * Math.floor( n/2 ) ) + Math.floor( n/2 ); dy = Math.floor( Math.random() * Math.floor( m/2 ) ) + Math.floor( m/2 ); oDragon2.resetPos(dx, dy); oDragon2.resetPathMoves(); dx = Math.floor( Math.random() * Math.floor( n/2 ) ) + Math.floor( n/2 ); dy = Math.floor( Math.random() * Math.floor( m/2 ) ) + Math.floor( m/2 ); oDragon3.resetPos(dx , dy); oDragon3.resetPathMoves(); } side = Math.floor(0.98 * Math.min( w/vw, h/vh ) ); iLeftbord = BorderPanelSize + Math.floor( ( w - side*vw ) / 2.0 ); iTopbord = BorderPanelSize + Math.floor( ( h - side*vh ) / 2.0 ); generateGoldBunches( (levelId + 1)*5 ); renderMaze( GameMaze ); bLevelActive = true; oMario.showMario(); if( levelId < iLevelTo_OneDrag ){ oDragon1.showDragon(); } else if( levelId < iLevelTo_ThrDrag ){ oDragon1.showDragon(); oDragon2.showDragon(); } else { oDragon1.showDragon(); oDragon2.showDragon(); oDragon3.showDragon(); } clearInterval( oInttervalDragonRefresh ); clearInterval( oTimeOutDragonRefresh ); vDragonStepTimeOut = 1500 - 60 * levelId; oTimeOutDragonRefresh = setTimeout( doDragonStepIter, vDragonStepTimeOut); oInttervalDragonRefresh = setInterval( doDragonRefreshIter, vDragonRefreshTimeOut); } function doDragonRefreshIter() { if( bLevelActive ) { let bClearedCvs = false; if( levelId < iLevelTo_OneDrag ){ if( oDragon1.iMazeUpdatedLastId != iMazeUpdatedId ){ if( !bClearedCvs ){ clearDragonsCanvas(); bClearedCvs = true; }; } if( bClearedCvs ){ oDragon1.showDragon(); }; } else if( levelId < iLevelTo_TwoDrag ){ if( oDragon1.iMazeUpdatedLastId != iMazeUpdatedId ){ if( !bClearedCvs ){ clearDragonsCanvas(); bClearedCvs = true; }; } if( oDragon2.iMazeUpdatedLastId != iMazeUpdatedId ){ if( !bClearedCvs ){ clearDragonsCanvas(); bClearedCvs = true; }; } if( bClearedCvs ){ oDragon1.showDragon(); oDragon2.showDragon(); }; } else { if( oDragon1.iMazeUpdatedLastId != iMazeUpdatedId ){ if( !bClearedCvs ){ clearDragonsCanvas(); bClearedCvs = true; }; } if( oDragon2.iMazeUpdatedLastId != iMazeUpdatedId ){ if( !bClearedCvs ){ clearDragonsCanvas(); bClearedCvs = true; }; } if( oDragon3.iMazeUpdatedLastId != iMazeUpdatedId ){ if( !bClearedCvs ){ clearDragonsCanvas(); bClearedCvs = true; } } if( bClearedCvs ){ oDragon1.showDragon(); oDragon2.showDragon(); oDragon3.showDragon(); }; } } else { if( !bLevelActive ) clearInterval( oInttervalDragonRefresh ); } } function doDragonStepIter() { if( bLevelActive ) { clearDragonsCanvas(); if( levelId < iLevelTo_OneDrag ){ oDragon1.selectMoveDragon(); } else if( levelId < iLevelTo_TwoDrag ){ oDragon1.selectMoveDragon(); oDragon2.selectMoveDragon(); } else { oDragon1.selectMoveDragon(); oDragon2.selectMoveDragon(); oDragon3.selectMoveDragon(); } clearInterval( oTimeOutDragonRefresh ); oTimeOutDragonRefresh= setTimeout( doDragonStepIter, vDragonStepTimeOut); } } function drawLine() { clearTuchCanvas() ctxtuchs.shadowBlur = 20; ctxtuchs.shadowColor = color; ctxtuchs.strokeStyle = color; ctxtuchs.beginPath(); ctxtuchs.arc( touchX ,touchY, radius,0,Math.PI*2); ctxtuchs.strokeStyle = color; ctxtuchs.stroke(); ctxtuchs.closePath(); if(stop==false){ frameCount++; radius+=10; if(radius>=100){ radius=100; } window. requestAnimationFrame(drawLine); } } // Clear the canvas function clearTuchCanvas() { ctxtuchs.clearRect( 0, 0, cvstuchs.width, cvstuchs.height); } function clearDragonsCanvas() { ctxdragons.clearRect( 0, 0, cvsdragons.width, cvsdragons.height); } function clearMarioCanvas() { ctxmario.clearRect( 0, 0, cvsmario.width, cvsmario.height); } function clearMazeCanvas() { ctxmazes.clearRect( 0, 0, cvsmario.width, cvsmario.height); } function getMousePos(mouseEvent) { if (!mouseEvent){ var mouseEvent = event; } var rect = cvstuchs.getBoundingClientRect(); var scaleX = cvstuchs.width / rect.width; var scaleY = cvstuchs.height / rect.height; touchX = ( mouseEvent.clientX - rect.left ) * 3; touchY = ( mouseEvent.clientY - rect.top ) * 3; } function sketchpad_mouseDown(e) { getMousePos(e); clearTuchCanvas(); stop = false; drawLine(); event.preventDefault(); } function sketchpad_mouseUp(e) { getMousePos(e); stop = true; setTimeout(clearTuchCanvas,100); radius = 0; mPos = oMario.getPos(); dx = mPos.x - touchX; dy = mPos.y - touchY; moveRes = false; if( Math.abs(dx) > Math.abs(dy) ){ if( mPos.x < touchX ) { moveRes = oMario.moveRight(); } else { moveRes = oMario.moveLeft(); } } if( !moveRes ){ if( mPos.y > touchY ) { moveRes = oMario.moveUp(); } else { moveRes = oMario.moveDown(); } } event.preventDefault(); } function getTouchPos(tuchEvent) { if (!tuchEvent){ var tuchEvent = event; } if(tuchEvent.touches) { if (tuchEvent.touches.length >= 1) { var rect = cvstuchs.getBoundingClientRect(); var scaleX = cvstuchs.width / rect.width; var scaleY = cvstuchs.height / rect.height; var touch = tuchEvent.touches[0]; touchX = ( touch.pageX - rect.left ) * 3; touchY = ( touch.pageY - rect.top ) * 3; } } } function sketchpad_touchEnd(e) { getTouchPos(e); stop = true; setTimeout(clearTuchCanvas,100); radius = 0; mPos = oMario.getPos(); dx = mPos.x - touchX; dy = mPos.y - touchY; moveRes = false; if( Math.abs(dx) > Math.abs(dy) ){ if( mPos.x < touchX ) { moveRes = oMario.moveRight(); } else { moveRes = oMario.moveLeft(); } } if( !moveRes ){ if( mPos.y > touchY ) { moveRes = oMario.moveUp(); } else { moveRes = oMario.moveDown(); } } event.preventDefault(); } function sketchpad_touchStart(e) { getTouchPos(e); clearTuchCanvas(); stop = false; drawLine(); event.preventDefault(); } function getPos(e) { if (!e){ var e = event; } touchX=e.pageX-e.target.offsetLeft; touchY=e.pageY-e.target.offsetTop; } function generateMazeLinkSections( xw, yw, n, m) { amazes = []; fmaze = []; nd2 = Math.floor( n / 2 ); md2 = Math.floor( m / 2 ); for(let im = 0, imx, imy; im < xw*yw ; im ++) { maze = generateMazeOnePath( n, m ); //Add link points in section imx = im % xw; imy = Math.floor( im / xw) ; if( imx === 0 ) { maze[ n-1 ][ md2-1 ].wallRight = false; } else if( imx === xw - 1) { maze[ 0 ][ md2-1 ].wallLeft = false; } else { maze[ n-1 ][ md2-1 ].wallRight = false; maze[ 0 ][ md2-1 ].wallLeft = false; } if( imy === 0 ) { maze[ nd2-1 ][ m-1 ].wallBottom = false; } else if( imy === yw - 1) { maze[ nd2-1 ][ 0 ].wallTop = false; } else { maze[ nd2-1 ][ m-1 ].wallBottom = false; maze[ nd2-1 ][ 0 ].wallTop = false; } amazes.push([...maze]); } for(let fx = 0; fx < n*xw; fx++) { fmaze.push([]); for(let fy = 0, im, imx, imy; fy < m*yw; fy++) { im = Math.floor( fx / n ) + Math.floor( fy / m )*xw; imx = fx % n; imy = fy % m; amazes[ im ][ imx ][ imy ].visited = false; fmaze[ fx ].push( amazes[ im ][ imx ][ imy ] ); } } return fmaze; } function generateMazeOnePath(n, m) { cells = []; // initialize with closed cells for(let x = 0; x < n; x++) { cells.push([]); for(let y = 0; y < m; y++) { cells[x].push({ x: x, y: y, wallTop: true, wallBottom: true, wallLeft: true, wallRight: true, visited: false }); } } stack = [cells[0][0]]; while(stack.length > 0) { curr = stack[stack.length - 1]; const x = curr.x; const y = curr.y; curr.visited = true; activeCells = []; if(curr.x > 0 && !cells[x-1][y].visited) { activeCells.push(cells[x-1][y]); } if(curr.y > 0 && !cells[x][y-1].visited) { activeCells.push(cells[x][y-1]); } if(curr.x < n-1 && !cells[x+1][y].visited) { activeCells.push(cells[x+1][y]); } if(curr.y < m-1 && !cells[x][y+1].visited) { activeCells.push(cells[x][y+1]); } if(activeCells.length > 0) { next = activeCells[Math.floor (Math.random()*activeCells.length)]; // remove wall between cells if(x == next.x) { if(y < next.y) { curr.wallBottom = false; next.wallTop = false; } else { curr.wallTop = false; next.wallBottom = false; } } else { if(x < next.x) { curr.wallRight = false; next.wallLeft = false; } else { curr.wallLeft = false; next.wallRight = false; } } stack.push(next); } else { stack.pop(); } } return cells; } function drawMazeCell( cell, x, y, side ){ if( cell.visited ){ ctxmazes.fillStyle = "#333333"; ctxmazes.fillRect(x,y,side,side); ctxmazes.strokeStyle = '#DDDDDD'; if(cell.wallTop) { ctxmazes.beginPath(); ctxmazes.moveTo(x, y); ctxmazes.lineTo(x + side, y); ctxmazes.stroke(); } if(cell.wallLeft) { ctxmazes.beginPath(); ctxmazes.moveTo(x, y); ctxmazes.lineTo(x, y + side); ctxmazes.stroke(); } if(cell.wallBottom) { ctxmazes.beginPath(); ctxmazes.moveTo(x, y + side); ctxmazes.lineTo(x + side, y + side); ctxmazes.stroke(); } if(cell.wallRight) { ctxmazes.beginPath(); ctxmazes.moveTo(x + side, y); ctxmazes.lineTo(x + side, y + side); ctxmazes.stroke(); } } else { ctxmazes.fillStyle = "#000000"; ctxmazes.fillRect(x,y,side,side); } } function renderMaze(maze) { iMazeUpdatedId += 1; n = maze.length; m = maze[0].length; clearMazeCanvas(); for(let ix = 0; ix < n; ix++) for(let iy = 0; iy < m; iy++) { cell = maze[ix][iy]; x = iLeftbord + ( side * ix ) ; y = iTopbord + ( side * iy ) ; drawMazeCell( cell, x, y, side ); } if( bExitDoorActive ){ showExitDoor(); }; showGoldBunches(); } function rednerBitmap( vBitmap, ctx, bx, by, tx, ty, bsx, bsy, fx, fy, inv ) { let needFillRect = false; for(let x = 0; x < 12; x++){ for(let y = 0; y < 16; y++){ needFillRect = false; switch( vBitmap[ y ] [ inv?(11 - x):x ] ){ case '📕': ctx.fillStyle = "red"; needFillRect = true; break; case '🈶': ctx.fillStyle = "brown"; needFillRect = true; break; case '📔': ctx.fillStyle = "#FFCD94"; needFillRect = true; break; case '📖': ctx.fillStyle = "#FFFFFF"; needFillRect = true; break; case '🎮': ctx.fillStyle = "black"; needFillRect = true; break; case '📘': ctx.fillStyle = "blue"; needFillRect = true; break; case '📀': ctx.fillStyle = "yellow"; needFillRect = true; break; case '📗': ctx.fillStyle = "green"; needFillRect = true; break; } if( needFillRect ){ ctx.fillRect( bx + tx + x*bsx, by + ty + y*bsy, bsx + fx, bsy + fy ); } } } } function showExitDoor() { n = GameMaze.length; m = GameMaze[0].length; blr = 0; //not left vBitmap = exitDoor[ 0 ]; bx = iLeftbord + (n-1) * side; by = iTopbord + (m-1) * side; tx = 6; ty = 6; bsx = Math.floor( ( side - tx*2 ) / 12 ); bsy = Math.floor( ( side - ty*2 ) / 16 ); fx = 2; fy = 2; rednerBitmap( vBitmap, ctxmazes, bx, by, tx, ty, bsx, bsy, fx, fy, blr ); } function showGoldBunches() { for (let i=0; i= 0 ){ if( (GameMaze[ this.mX ][ this.mY ].wallLeft == false) && (GameMaze[ cx ][ cy ].visited == false) ){ GameMaze[ cx ][ cy ].visited = true; needRender = true; }; }; cx = this.mX + 1; cy = this.mY; if( cx < n ){ if( GameMaze[ this.mX ][ this.mY ].wallRight == false && GameMaze[ cx ][ cy ].visited == false ){ GameMaze[ cx ][ cy ].visited = true; needRender = true; }; }; cx = this.mX; cy = this.mY - 1; if( cy >= 0 ){ if( GameMaze[ this.mX ][ this.mY ].wallTop == false && GameMaze[ cx ][ cy ].visited == false ){ GameMaze[ cx ][ cy ].visited = true; needRender = true; }; }; cx = this.mX; cy = this.mY + 1; if( cy < m ){ if( GameMaze[ this.mX ][ this.mY ].wallBottom == false && GameMaze[ cx ][ cy ].visited == false ){ GameMaze[ cx ][ cy ].visited = true; needRender = true; }; }; if(needRender){ renderMaze( GameMaze ); }; } showPrisoner() { n = GameMaze.length; m = GameMaze[0].length; let bprislr, vBitmap, bx, by, tx, ty, bsx, bsy, fx, fy; tx = 6; ty = 6; fx = 2; fy = 2; if( this.mLeft ){ bprislr = 1; //Left vBitmap = this.BitMapArr[ this.mMoveIt ]; bx = iLeftbord + this.mX * side; by = iTopbord + this.mY * side; bsx = Math.floor( ( side - tx*2 ) / 12 ); bsy = Math.floor( ( side - ty*2 ) / 16 ); rednerBitmap( vBitmap, this.ctxPrisoner, bx, by, tx, ty, bsx, bsy, fx, fy, bprislr ); } else if( this.mRigth ){ bprislr = 0; //right vBitmap = this.BitMapArr[ this.mMoveIt ]; bx = iLeftbord + this.mX * side; by = iTopbord + this.mY * side; bsx = Math.floor( ( side - tx*2 ) / 12 ); bsy = Math.floor( ( side - ty*2 ) / 16 ); rednerBitmap( vBitmap, this.ctxPrisoner, bx, by, tx, ty, bsx, bsy, fx, fy, bprislr ); } else if( this.mTop ){ bprislr = 0;//not Left vBitmap = this.BitMapArr[ 6 + this.mMoveIt]; bx = iLeftbord + this.mX * side; by = iTopbord + this.mY * side; bsx = Math.floor( ( side - tx*2 ) / 12 ); bsy = Math.floor( ( side - ty*2 ) / 16 ); rednerBitmap( vBitmap, this.ctxPrisoner, bx, by, tx, ty, bsx, bsy, fx, fy, bprislr ); } else if( this.mDown ){ bprislr = 0;//not Left vBitmap = this.BitMapArr[ 3 + this.mMoveIt]; bx = iLeftbord + this.mX * side; by = iTopbord + this.mY * side; bsx = Math.floor( ( side - tx*2 ) / 12 ); bsy = Math.floor( ( side - ty*2 ) / 16 ); rednerBitmap( vBitmap, this.ctxPrisoner, bx, by, tx, ty, bsx, bsy, fx, fy, bprislr ); } else { bprislr = 0;//not Left vBitmap = this.BitMapArr[ 3 ]; bx = iLeftbord + this.mX * side; by = iTopbord + this.mY * side; bsx = Math.floor( ( side - tx*2 ) / 12 ); bsy = Math.floor( ( side - ty*2 ) / 16 ); rednerBitmap( vBitmap, this.ctxPrisoner, bx, by, tx, ty, bsx, bsy, fx, fy, bprislr ); } }; } class cMario extends cAnyPrisoner { constructor( pBitMapArr, pctxPrisoner ) { super( pBitMapArr, pctxPrisoner ); }; checkVisibleBorders() { let bx, by, ok, needRender = false; ok = false; while( !ok){ bx = iLeftbord + this.mX * side; by = iTopbord + this.mY * side; ok = true; if( bx < BorderPanelSize ){ iLeftbord += 50; ok = false; } else if( bx > cvsmazes.width - BorderPanelSize ){ iLeftbord -= 50; ok = false; }; if( by < BorderPanelSize ){ iTopbord += 50; ok = false; } else if( by > cvsmazes.height - BorderPanelSize ){ iTopbord -= 50; ok = false; }; if(!ok)needRender = true; }; if(needRender)renderMaze( GameMaze ); } getPos() { return { x : iLeftbord + this.mX * side, y : iTopbord + this.mY * side }; } moveUp(){ if( GameMaze[this.mX][this.mY].wallTop == true )return false; this.mY -= 1; this.mLeft = false; this.mRigth = false; this.mTop = true; this.mDown = false; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showMario(); return true; } moveDown(){ if( GameMaze[this.mX][this.mY].wallBottom == true )return false; this.mY += 1; this.mLeft = false; this.mRigth = false; this.mTop = false; this.mDown = true; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showMario(); return true; } moveLeft(){ if( GameMaze[this.mX][this.mY].wallLeft == true )return false; this.mX -= 1; this.mLeft = true; this.mRigth = false; this.mTop = false; this.mDown = false; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showMario(); return true } moveRight(){ if( GameMaze[this.mX][this.mY].wallRight == true )return false; this.mX += 1; this.mLeft = false; this.mRigth = true; this.mTop = false; this.mDown = false; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showMario(); return true; } showMario() { if( !bLevelActive )return; //Always create new Objects Oscillator and Gain... this.vOscillator = this.vAudioContext.createOscillator() this.vGain = this.vAudioContext.createGain(); this.vOscillator.type="sine"; this.vOscillator.connect( this.vGain ); this.vOscillator.frequency.value = 161.6; this.vGain.connect( this.vAudioContext.destination ); this.vOscillator.start( 0 ); this.vGain.gain.exponentialRampToValueAtTime( 0.003 , this.vAudioContext.currentTime + 0.5 ); this.vOscillator.stop( this.vAudioContext.currentTime + 1 ); this.vOscillator.onended = function() { this.disconnect(); }; n = GameMaze.length; m = GameMaze[0].length; clearMarioCanvas(); this.checkVisibleBorders(); this.updateVisitedMazeCells(); this.iMazeUpdatedLastId = iMazeUpdatedId; super.showPrisoner(); let iNoTakenCountBefore = checkGoldBunches(); let iNoTakenCountAfter = checkGoldBunches( true ); if( (iNoTakenCountAfter == 0) && (iNoTakenCountBefore != iNoTakenCountAfter) ){ alert("Success. Mario collected all the gold - now the door appears in the lower right corner of the maze..\n🤗"); bExitDoorActive = true; renderMaze( GameMaze ); } n = GameMaze.length; m = GameMaze[0].length; for (let i=0; i= 0){ if( (iX + 1) < n){ if( !this.pathMoves[iX][iY].wallRight && (this.pathMoves[iX+1][iY].pathstep == -1) ){ this.pathMoves[iX+1][iY].pathstep = this.pathMoves[iX][iY].pathstep + 1; vWaterMoved = true; }; }; if( (iX - 1) >= 0){ if( !this.pathMoves[iX][iY].wallLeft && (this.pathMoves[iX-1][iY].pathstep == -1) ){ this.pathMoves[iX-1][iY].pathstep = this.pathMoves[iX][iY].pathstep + 1; vWaterMoved = true; }; }; if( (iY + 1) < m){ if( !this.pathMoves[iX][iY].wallBottom && (this.pathMoves[iX][iY+1].pathstep == -1) ){ this.pathMoves[iX][iY+1].pathstep = this.pathMoves[iX][iY].pathstep + 1; vWaterMoved = true; }; }; if( (iY - 1) >= 0){ if( !this.pathMoves[iX][iY].wallTop && (this.pathMoves[iX][iY-1].pathstep == -1) ){ this.pathMoves[iX][iY-1].pathstep = this.pathMoves[iX][iY].pathstep + 1; vWaterMoved = true; }; }; }; if( this.pathMoves[pDestX][pDestY].pathstep >= 0 )vPathFound = true; if(vPathFound)break; }; if(vPathFound)break; }; if(vPathFound)break; if(!vWaterMoved)break; iWaterIter++; if( iWaterIter > iMaxPathLen )break; }; let iPathItem = 0; if(vPathFound){ //get path cells let iX = pDestX, iY = pDestY, vPathAdded, iSide; iPathItem = 0; iSide = "unknown"; pShortPath.cells = [ {iX,iY,iSide} ]; while(true) { vPathAdded = false; if( ((iX + 1) < n) && !vPathAdded ){ if( (this.pathMoves[iX+1][iY].pathstep == this.pathMoves[iX][iY].pathstep - 1) && (this.pathMoves[iX+1][iY].pathstep >= 0) && !this.pathMoves[iX][iY].wallRight ){ iX = iX + 1; iSide = "left"; pShortPath.cells[iPathItem].iSide = iSide; vPathAdded = true; }; }; if( ((iX - 1) >= 0) && !vPathAdded ){ if( (this.pathMoves[iX-1][iY].pathstep == this.pathMoves[iX][iY].pathstep - 1) && (this.pathMoves[iX-1][iY].pathstep >= 0) && !this.pathMoves[iX][iY].wallLeft ){ iX = iX - 1; iSide = "right"; pShortPath.cells[iPathItem].iSide = iSide; vPathAdded = true; }; }; if( ((iY + 1) < m) && !vPathAdded ){ if( (this.pathMoves[iX][iY+1].pathstep == this.pathMoves[iX][iY].pathstep - 1) && (this.pathMoves[iX][iY+1].pathstep >= 0) && !this.pathMoves[iX][iY].wallBottom ){ iY = iY + 1; iSide = "top"; pShortPath.cells[iPathItem].iSide = iSide; vPathAdded = true; }; }; if( ((iY - 1) >= 0) && !vPathAdded ){ if( (this.pathMoves[iX][iY-1].pathstep == this.pathMoves[iX][iY].pathstep - 1) && (this.pathMoves[iX][iY-1].pathstep >= 0) && !this.pathMoves[iX][iY].wallTop ){ iY = iY - 1; iSide = "down"; pShortPath.cells[iPathItem].iSide = iSide; vPathAdded = true; }; }; if(!vPathAdded)break; iSide = "unknown"; pShortPath.cells.push( {iX,iY,iSide} ); iPathItem++; }; }; pShortPath.pathlen = iPathItem; return vPathFound; }; selectMoveDragon( ) { let cx, cy, cxn, cyn, bLookingMario = true, bRunForMarioToTheLeft = false, bRunForMarioToTheRight = false, bRunForMarioToTheTop = false, bRunForMarioToTheDown = false; if( (this.mX == oMario.mX) && (this.mY == oMario.mY) ){ bLevelActive = false; alert("Misfortune. The dragon has caught you. Have level ["+ (levelId + 1) +"] to start from the beginning..\n😓😦"); beginLevel(); return; }; if( bLookingMario ){ cx = this.mX; cy = this.mY; // Looking Mario in the left if( GameMaze[ cx ][ cy ].wallLeft == false ){ cxn = cx; while( GameMaze[ cxn ][ cy ].wallLeft == false ){ if( (oMario.mX == cxn) && (oMario.mY == cy) ){ bRunForMarioToTheLeft = true; bLookingMario = false; break; }; cxn -= 1; }; }; }; if( bLookingMario ){ cx = this.mX; cy = this.mY; // Looking Mario in the right if( GameMaze[ cx ][ cy ].wallRight == false ){ cxn = cx; while( GameMaze[ cxn ][ cy ].wallRight == false ){ if( (oMario.mX == cxn) && (oMario.mY == cy) ){ bRunForMarioToTheRight = true; bLookingMario = false; break; }; cxn += 1; }; }; }; if( bLookingMario ){ cx = this.mX; cy = this.mY; // Looking Mario in the Top if( GameMaze[ cx ][ cy ].wallBottom == false ){ cyn = cy; while( GameMaze[ cx ][ cyn ].wallBottom == false ){ if( (oMario.mX == cx) && (oMario.mY == cyn) ){ bRunForMarioToTheDown = true; bLookingMario = false; break; }; cyn += 1; }; }; }; if( bLookingMario ){ cx = this.mX; cy = this.mY; // Looking Mario in the Bottom if( GameMaze[ cx ][ cy ].wallTop == false ){ cyn = cy; while( GameMaze[ cx ][ cyn ].wallTop == false ){ if( (oMario.mX == cx) && (oMario.mY == cyn) ){ bRunForMarioToTheTop = true; bLookingMario = false; break; }; cyn -= 1; }; }; }; if( !bLookingMario ){ this.bRingDirMove = false; } else { this.bRingDirIter = Math.floor( Math.random()*4 ); this.bRingDirMove = true; while( bLookingMario ){ if( bLookingMario && (this.bRingDirIter === 0) ){ cx = this.mX; cy = this.mY; if( GameMaze[ cx ][ cy ].wallLeft == false ){ bRunForMarioToTheLeft = true; bLookingMario = false; }; }; if( bLookingMario && (this.bRingDirIter === 1) ){ cx = this.mX; cy = this.mY; if( GameMaze[ cx ][ cy ].wallTop == false ){ bRunForMarioToTheTop = true; bLookingMario = false; }; }; if( bLookingMario && (this.bRingDirIter === 2) ){ cx = this.mX; cy = this.mY; if( GameMaze[ cx ][ cy ].wallRight == false ){ bRunForMarioToTheRight = true; bLookingMario = false; }; }; if( bLookingMario && (this.bRingDirIter === 3) ){ cx = this.mX; cy = this.mY; if( GameMaze[ cx ][ cy ].wallBottom == false ){ bRunForMarioToTheDown = true; bLookingMario = false; }; }; if( bLookingMario ){ this.bRingDirIter = ( (this.bRingDirIter + 1) > 3 )?0:(this.bRingDirIter + 1); }; }; }; let aShortPath = new cPathForDragon(), iMaxPathLen; iMaxPathLen = 10 + levelId * 3; if( this.ShortPathToMario( aShortPath, iMaxPathLen ) ){ if( (aShortPath.cells.length > 0) && ( aShortPath.cells.length <= iMaxPathLen) ){ bRunForMarioToTheLeft = false; bRunForMarioToTheRight = false; bRunForMarioToTheTop = false; bRunForMarioToTheDown = false; let iCurMoveItemPath = aShortPath.cells.length - 2; if( aShortPath.cells[ iCurMoveItemPath ].iSide == "left" ){ bRunForMarioToTheLeft = true } else if( aShortPath.cells[ iCurMoveItemPath ].iSide == "right" ){ bRunForMarioToTheRight = true; } else if( aShortPath.cells[ iCurMoveItemPath ].iSide == "top" ){ bRunForMarioToTheTop = true; } else if( aShortPath.cells[ iCurMoveItemPath ].iSide == "down" ){ bRunForMarioToTheDown = true; }; }; }; if( bRunForMarioToTheLeft ){ this.mX -= 1; this.mLeft = true; this.mRigth = false; this.mTop = false; this.mDown = false; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showDragon(); } else if( bRunForMarioToTheRight ){ this.mX += 1; this.mLeft = false; this.mRigth = true; this.mTop = false; this.mDown = false; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showDragon(); } else if( bRunForMarioToTheTop ){ this.mY -= 1; this.mLeft = false; this.mRigth = false; this.mTop = true; this.mDown = false; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showDragon(); } else if( bRunForMarioToTheDown ){ this.mY += 1; this.mLeft = false; this.mRigth = false; this.mTop = false; this.mDown = true; this.mMoveIt = (++this.mMoveIt)>2?0:this.mMoveIt; this.showDragon(); }; } showDragon() { if( !bLevelActive )return; n = GameMaze.length; m = GameMaze[0].length; this.updateVisitedMazeCells(); this.iMazeUpdatedLastId = iMazeUpdatedId; super.showPrisoner(); if( (this.mX == oMario.mX) && (this.mY == oMario.mY) ){ bLevelActive = false; alert("Misfortune. The dragon has caught you. Have level ["+ (levelId + 1) +"] to start from the beginning..\n😓😦"); beginLevel(); }; }; }

Maze Survival Game v2 - Fifth Experiment