JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE html>
<html>
<head>
<body>
<h1>mining sausage</h1>
<p>by frogggeee</p>
<p>use the arrow keys to move. collect ores to get money.</p>
<canvas id = "theCanvas" width = "540" height = "360"></canvas>
<!--6500 to see the world-->
<script>
let playerX = 0;
let playerY = 0;
let money = 90;
let wide = 27;
let canvas = document.getElementById("theCanvas");
let ctx = canvas.getContext("2d");
let x = 0;
let y = 150;
let world = [];
let clusterX = [16, 3, 14, 8, 2]; 
let clusterY = [9, 5, 2, 13, 12];
let oresX = [];
let oresY = [];
let oresType = [];
let oresValid = [];
let tunnelX = [];
let tunnelY = [];
// topdirt = 1
// dirt = 2
// stone = 3
// hard stone = 4
// lava = 5
///////////////////////////////////////////////////////////////start
let rightPressed = false;
let leftPressed = false;
let upPressed = false;
let downPressed = false;
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);  
  function keyDownHandler(e) {
    if(e.keyCode == 39) {
        rightPressed = true;
    }
    else if(e.keyCode == 37) {
        leftPressed = true;
    }
    if (e.keyCode == 40) {
    	upPressed = true;
    } else if (e.keyCode == 38) {
    	downPressed = true;
    }
}
function keyUpHandler(e) {
    if(e.keyCode == 39) {
        rightPressed = false;
    }
    else if(e.keyCode == 37) {
        leftPressed = false;
    } 
    if (e.keyCode == 40) {
    	upPressed = false;
    } else if (e.keyCode == 38) {
    	downPressed = false;
    }
}
/////////////////////////////////////////////////////////////////end
function generate() {
	for (let i = 0;i < wide;i++) {
  	world.push(1);
  }
  for (i = 0;i < 120;i++) {
  	for (let g = 0;g < wide;g++) {
    	world.push(2);
    }
  }
  for (i = 0;i < 3;i++) {
  	for (g = 0;g < wide;g++) {
    	if (Math.floor((Math.random()) * 3) == 1) {
      	world.push(3);
      } else {
      	world.push(2);
      }
    }
  }
  for (i = 0;i < 2;i++) {
  	for (g = 0;g < wide;g++) {
   ...