T-rex Run

✨ NARUMOL THONGCHUE

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        margin:0;
        display:flex;
        --blockHize:calc(100% / 3);
        --blockWize:calc(100% / 5);
        background:#eef;
      }
      #canvas{
        width:100vmin;
        height:80vmin;
        background:pink;
        margin:auto;
        position:relative;
      }
      #ground{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background:yellowgreen;
      }
      block{
        width:var(--blockWize);
        height:var(--blockHize);
        background:#0002;
        float:left;
      }
      block:nth-child(even){
        background:#0001;
      }
    </style>
  </head>
  <body>
    <div id="canvas">
      <div id="ground">
      </div>
    </div>
    <script>
      begin()
      // let cY = 4;
      function begin(){
        // create 64 block
        let txt = ''
        for(let i=0; i<15; i++){
          txt += '<block></block>'
        }
        document.querySelector('#ground').innerHTML = txt
        //set default of charactor
      }
      //ตรวจจับคีย์บอร์ด
    </script>
  </body>
</html>