<style>*{
        margin:0px;
        padding:0px;
    }textarea,form{
        width:99%;
        height:96%;
    }</style><form method="POST" action="/3d_maze_chng">
    <textarea name='maze_3d' cols='50' rows='20' wrap='off'>&lt;!doctype html&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;script&gt;
  window.onerror=alert
  &lt;/script&gt;
  &lt;style&gt;
   *{
    overflow:hidden;
    margin:0px;
    padding:0px;
   }
   #controlPanel{
    position:relative;
    top:-40px;
   }
   button{
    opacity:60%;
    color:#000;
   }
   .controls{
    position: relative;
    width: 16%;
    padding-top: 16%;
   }
   .controls_content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
   }
   html,body{
    background:#000;
    height:100%;
   }
  &lt;/style&gt;
  &lt;script&gt;
   function onload_(){
    window.userRayCountSet=false
    window.userRayCount=200
    function not(a){
     if(a){return false}
     return true
    }function or(a,b){
     if(b){return true}
     if(a){return true}
     return false
    }
    window.canvas=document.getElementById(&#x27;canvas&#x27;)
    window.ctx=canvas.getContext(&#x27;2d&#x27;)
    //GLOBAL GRAPHON PERMANENT
    window.FOV=Math.PI/2
    window.halfFOV=FOV/2
    //GLOBAL GRAPHON AUTOMATIC
    function resize_(doNot){
     window.width=window.innerWidth
     window.height=window.innerHeight
     window.height=Math.max(150,height)
     window.wh=width/height
     canvas.height=height
     canvas.width=width
     controlPanel=document.getElementById(&#x27;controlPanel&#x27;)
     controlPanel.style.top=&quot;-&quot;+controlPanel.getBoundingClientRect().height+&quot;px&quot;
     window.rayCount=userRayCount//Math.floor(userRayCount/(raySkip+1))
     window.stepAngle=FOV/rayCount
     window.lineWidth=width/userRayCount+1
    }
    function resize_draw(){resize_();draw()}
    resize_(false)
    window.onresize=resize_draw
    //KARTA
    window.userX=2
    window.userY=2
    window.userAngle=0
    window.startAngle=userAngle-halfFOV
    window.curAngle=startAngle
    window.curMap=0
    //GLOBAL GRAPHON SETTABLE
    userRayCount=200
    window.maxDepth=10
    window.stepDepth=0.02
    window.lineWidth=width/userRayCount+1
    window.userStep=0.2
    //KARTA GRAPHON
    //window.raySkip=0
    window.rayCount=userRayCount
    window.stepAngle=FOV/rayCount
    window.sepWidth=0.04
    //MAP INDECES
    window.__color__       =0
    window.__interactive__ =1
    window.__text__        =2
    window.__collision__   =3
    window.__portal_x__    =4
    window.__portal_y__    =5
    window.__portal_angle__=6
    window.__floor__       =7
    window.__sky__         =8
    window.__second_flr__  =9
    window.__mirror__      =10
    window.__filter__      =11
    maps=[
     [
      [1,1,2,3,4,1],
      [16,0,0,0,0,5],
      [15,0,0,0,0,6],
      [14,0,0,0,0,7],
      [13,0,0,0,0,8],
      [13,12,11,10,9,9]
     ]
    ]
    graphics_h_colors=[
    &#x27;#000000&#x27;,
    &#x27;#000080&#x27;,
    &#x27;#008000&#x27;,
    &#x27;#008080&#x27;,
    &#x27;#800000&#x27;,
    &#x27;#800080&#x27;,
    &#x27;#808000&#x27;,
    &#x27;#c0c0c0&#x27;,
    &#x27;#808080&#x27;,
    &#x27;#8080ff&#x27;,
    &#x27;#80ff80&#x27;,
    &#x27;#80ffff&#x27;,
    &#x27;#ff8080&#x27;,
    &#x27;#FF80FF&#x27;,
    &#x27;#ffff00&#x27;,
    &#x27;#ffffff&#x27;,
    &#x27;#96FAC8&#x27;,
    &#x27;#323232&#x27;
    ]
    function draw(){
     curAngle=startAngle
     for(i=0;i&lt;rayCount;i+=1){
      curAngle+=stepAngle
      for(depth=0;depth&lt;maxDepth;depth+=stepDepth){
       Dx=Math.cos(curAngle)*depth
       Dy=Math.sin(curAngle)*depth
       Ux=Dx+userX
       Uy=Dy+userY
       Fx=Math.floor(Ux)
       Fy=Math.floor(Uy)
       try{cellVal=maps[curMap][Fy][Fx]}
       catch(e){cellVal=0;alert(e)}
       Lx=Math.min(Ux-Fx,1-Ux+Fx)
       Ly=Math.min(Uy-Fy,1-Uy+Fy)
       if(cellVal&gt;0){
        lineX=i*width/rayCount
        if(or(Lx&gt;sepWidth,Ly&gt;sepWidth)){
         len=width/(2*Math.tan(halfFOV)*depth)/Math.cos(Math.abs(curAngle-userAngle))
         ctx.fillStyle=graphics_h_colors[cellVal-1]
         ctx.fillRect(lineX,(height-len)/2,lineWidth,len)
        }
        break
       }
      }
     }
    }function drawRight(){
     userAngle+=0.35
     startAngle+=0.35
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawRight_key(){
     userAngle+=0.05
     startAngle+=0.05
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawForward(){
     Dy=Math.sin(userAngle)*1
     Uy=Dy+userY
     Fy=Math.floor(Uy)
     cellVal=maps[curMap][Fy][Math.floor(userX)]
     if(cellVal==0){
      userY=Uy
     }
     Dx=Math.cos(userAngle)*1
     Ux=Dx+userX
     Fx=Math.floor(Ux)
     cellVal=maps[curMap][Math.floor(userY)][Fx]
     if(cellVal==0){
      userX=Ux
     }
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawForward_key(){
     Dy=Math.sin(userAngle)*userStep
     Uy=Dy+userY
     Fy=Math.floor(Uy)
     cellVal=maps[curMap][Fy][Math.floor(userX)]
     if(cellVal==0){
      userY=Uy
     }
     Dx=Math.cos(userAngle)*userStep
     Ux=Dx+userX
     Fx=Math.floor(Ux)
     cellVal=maps[curMap][Math.floor(userY)][Fx]
     if(cellVal==0){
      userX=Ux
     }
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawLeft(){
     userAngle-=0.35
     startAngle-=0.35
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawLeft_key(){
     userAngle-=0.05
     startAngle-=0.05
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawBackward(){
     Dy=Math.sin(userAngle)*(-1)
     Uy=Dy+userY
     Fy=Math.floor(Uy)
     cellVal=maps[curMap][Fy][Math.floor(userX)]
     if(cellVal==0){
      userY=Uy
     }
     Dx=Math.cos(userAngle)*(-1)
     Ux=Dx+userX
     Fx=Math.floor(Ux)
     cellVal=maps[curMap][Math.floor(userY)][Fx]
     if(cellVal==0){
      userX=Ux
     }
     ctx.clearRect(0,0,width,height)
     draw()
    }function drawBackward_key(){
     Dy=Math.sin(userAngle)*(-userStep)
     Uy=Dy+userY
     Fy=Math.floor(Uy)
     cellVal=maps[curMap][Fy][Math.floor(userX)]
     if(cellVal==0){
      userY=Uy
     }
     Dx=Math.cos(userAngle)*(-userStep)
     Ux=Dx+userX
     Fx=Math.floor(Ux)
     cellVal=maps[curMap][Math.floor(userY)][Fx]
     if(cellVal==0){
      userX=Ux
     }
     ctx.clearRect(0,0,width,height)
     draw()
    }
    //alert(&#x27;Successfully&#x27;)
    draw()
    function key_down(event){
     if(event.key==&#x27;ArrowLeft&#x27;){drawLeft_key()}
     if(event.key==&#x27;ArrowRight&#x27;){drawRight_key()}
     if(event.key==&#x27;ArrowUp&#x27;){drawForward_key()}
     if(event.key==&#x27;ArrowDown&#x27;){drawBackward_key()}
    }
    window.onkeydown=key_down
    window.drawBackward=drawBackward
    window.drawForward=drawForward
    window.drawLeft=drawLeft
    window.drawRight=drawRight
    window.draw=draw
    window.controls=[0,0,0] //rotate,moveVA,move&lt;&gt;
    window.pressuresDown=[0,0,0,0,0,0]
    window.pressuresUp=[0,0,0,0,0,0]
    window.pressuresTime=[0,0,0,0,0,0]
    window.buttonClickDelay=20
    //rl,ml,mf,mb,mr,rr
    function controlMove(){
     if(controls[0]===1){
      drawRight_key()
     }
     if(controls[0]===-1){
      drawLeft_key()
     }
     if(controls[1]===1){
      drawForward_key()
     }
     if(controls[1]===-1){
      drawBackward_key()
     }
     if(controls[2]===1){
      
     }
     if(controls[2]===-1){
      
     }
     setTimeout(controlMove,30)
    }
    controlMove()
    function mouseTouchControl(){}
    function pass(){}
    window.pass=pass
    window.mouseTouchControl=mouseTouchControl
    function blockClicks(e){
     Rslt=&#x27;&#x27;
     Ks=Object.keys(e)
     for(k=0;k&lt;Ks.length;k+=1){
      Rslt+=&#x27;\n&#x27;+Ks[k]+eval(&#x27;e.&#x27;+Ks[k])
     }
     alert(Rslt)
     if(true){
      button_list=[&#x27;R&#x27;,&#x27;L&#x27;,&#x27;F&#x27;,&#x27;B&#x27;]
      for(btn=0;btn&lt;button_list.length;btn+=1){
       document.getElementById(button_list[btn]).onclick=pass
      }
     }
      document.onmousemove=mouseTouchControl
      document.ontouchmove=mouseTouchControl
    }

    //document.onmousemove=blockClicks
    //document.ontouchmove=blockClicks
    //document.onmouseover=blockClicks
    window.blockClicks=blockClicks
    window.resize_=resize_
   }
  &lt;/script&gt;&lt;script&gt;
   function onload_2(){
    gameBlock        =document.getElementById(&#x27;gameBlock&#x27;)
    menuBlock        =document.getElementById(&#x27;menuBlock&#x27;)
    shopBlock        =document.getElementById(&#x27;shopBlock&#x27;)
    creatorBlock     =document.getElementById(&#x27;creatorBlock&#x27;)
    levelSelectBlock =document.getElementById(&#x27;levelSelectBlock&#x27;)
    settingsBlock    =document.getElementById(&#x27;settingsBlock&#x27;)
    blockList=[gameBlock,menuBlock,shopBlock,creatorBlock,levelSelectBlock,settingsBlock]
    blockHistory=[1]
    function startGame(){
     for(bl=0;bl&lt;blockList.length;bl+=1){
      blockList[bl].style.display=&#x27;None&#x27;
     }
     gameBlock.style.display=&#x27;block&#x27;
     resize_()
     draw()
    }function menu(){
     for(bl=0;bl&lt;blockList.length;bl+=1){
      blockList[bl].style.display=&#x27;None&#x27;
     }
     menuBlock.style.display=&#x27;block&#x27;
    }
    window.startGame=startGame
    window.menu     =menu
    menu()
   }
  &lt;/script&gt;&lt;script&gt;
   function onload_all(){
    onload_()
    onload_2()
   }
   window.onload=onload_all
  &lt;/script&gt;
 &lt;/head&gt;
 &lt;body oncontextmenu=&#x27;return false;&#x27;&gt;
  &lt;div id=&#x27;gameBlock&#x27;&gt;
   &lt;canvas  style=&#x27;background:#000000;&#x27; id=&#x27;canvas&#x27;&gt;
    NA
   &lt;/canvas&gt;
   &lt;button class=&#x27;controls&#x27;
   style=&#x27;position:fixed;top:20px;left:20px;&#x27;
   onclick=&#x27;menu()&#x27;&gt;
    &lt;span class=&#x27;controls_content&#x27;&gt;MENU&lt;/span&gt;
   &lt;/button&gt;
   &lt;center id=&#x27;controlPanel&#x27;&gt;
    &lt;button class=&#x27;controls&#x27;
    onclick=&#x27;if(event.timeStamp-pressuresDown[0]&lt;buttonClickDelay){drawLeft()}&#x27;
    onmousedown=&#x27;controls[0]=-1;pressuresDown[0]=event.timeStamp&#x27;
    ontouchstart=&#x27;controls[0]=-1;pressuresDown[0]=event.timeStamp&#x27;
    onmouseup=&#x27;controls[0]=0;pressuresUp[0]=event.timeStamp;pressuresTime[0]=pressuresUp[0]-pressuresDown[0]&#x27;
    ontouchend=&#x27;controls[0]=0;pressuresUp[0]=event.timeStamp;pressuresTime[0]=pressuresUp[0]-pressuresDown[0]&#x27; id=&#x27;L&#x27;&gt;
     &lt;span class=&#x27;controls_content&#x27;&gt;L&lt;/span&gt;
    &lt;/button&gt;
    &lt;button class=&#x27;controls&#x27;
    onclick=&#x27;if(event.timeStamp-pressuresDown[2]&lt;buttonClickDelay){drawForward()}&#x27;
    onmousedown=&#x27;controls[1]=1;pressuresDown[2]=event.timeStamp&#x27;
    ontouchstart=&#x27;controls[1]=1;pressuresDown[2]=event.timeStamp&#x27;
    onmouseup=&#x27;controls[1]=0;pressuresUp[2]=event.timeStamp;pressuresTime[2]=pressuresUp[2]-pressuresDown[2]&#x27;
    ontouchend=&#x27;controls[1]=0;pressuresUp[2]=event.timeStamp;pressuresTime[2]=pressuresUp[2]-pressuresDown[2]&#x27; id=&#x27;F&#x27;&gt;
     &lt;span class=&#x27;controls_content&#x27;&gt;F&lt;/span&gt;
    &lt;/button&gt;
    &lt;button class=&#x27;controls&#x27;
    onclick=&#x27;if(event.timeStamp-pressuresDown[-3]&lt;buttonClickDelay){drawBackward()}&#x27;
    onmousedown=&#x27;controls[1]=-1;pressuresDown[-3]=event.timeStamp&#x27;
    ontouchstart=&#x27;controls[1]=-1;pressuresDown[-3]=event.timeStamp&#x27;
    onmouseup=&#x27;controls[1]=0;pressuresUp[-3]=event.timeStamp;pressuresTime[-3]=pressuresUp[-3]-pressuresDown[-3]&#x27;
    ontouchend=&#x27;controls[1]=0;pressuresUp[-3]=event.timeStamp;pressuresTime[-3]=pressuresUp[-3]-pressuresDown[-3]&#x27; id=&#x27;B&#x27;&gt;
     &lt;span class=&#x27;controls_content&#x27;&gt;B&lt;/span&gt;
    &lt;/button&gt;
    &lt;button class=&#x27;controls&#x27;
    onclick=&#x27;if(event.timeStamp-pressuresDown[-1]&lt;buttonClickDelay){drawRight()}&#x27;
    onmousedown=&#x27;controls[0]=1;pressuresDown[-1]=event.timeStamp&#x27;
    ontouchstart=&#x27;controls[0]=1;pressuresDown[-1]=event.timeStamp&#x27;
    onmouseup=&#x27;controls[0]=0;pressuresUp[-1]=event.timeStamp;pressuresTime[-1]=pressuresUp[-1]-pressuresDown[-1]&#x27;
    ontouchend=&#x27;controls[0]=0;pressuresUp[-1]=event.timeStamp;pressuresTime[-1]=pressuresUp[-1]-pressuresDown[-1]&#x27; id=&#x27;R&#x27;&gt;
     &lt;span class=&#x27;controls_content&#x27;&gt;R&lt;/span&gt;
    &lt;/button&gt;&lt;br&gt;
    &lt;button onclick=&#x27;alert(eval(prompt()))&#x27;&gt;
     &lt;span&gt;eval&lt;/span&gt;
    &lt;/button&gt;
   &lt;/center&gt;
  &lt;/div&gt;
  &lt;div id=&#x27;menuBlock&#x27; style=&#x27;width:100%;height:100%;&#x27;&gt;
   &lt;button onmousemove=&#x27;&quot;blockClicks(event)&quot;&#x27; onclick=&#x27;startGame()&#x27; style=&#x27;position:fixed;width:40%;height:26%;top:37%;margin-left:30%;&#x27;&gt;PLAY&lt;/button&gt;
  &lt;/div&gt;
  &lt;div id=&#x27;shopBlock&#x27; style=&#x27;width:100%;height:100%;&#x27;&gt;
  &lt;/div&gt;
  &lt;div id=&#x27;creatorBlock&#x27; style=&#x27;width:100%;height:100%;&#x27;&gt;
  &lt;/div&gt;
  &lt;div id=&#x27;levelSelectBlock&#x27; style=&#x27;width:100%;height:100%;&#x27;&gt;
  &lt;/div&gt;
  &lt;div id=&#x27;settingsBlock&#x27; style=&#x27;width:100%;height:100%;&#x27;&gt;
  &lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;
</textarea><br/>
    <button style='width:100%;'>Отправить</button>
</form>