JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE html>
<html>
<head>
<body>
<h1>mining game</h1>
<p>by frogggeee</p>
<p id = "loading" ></p>
<canvas id = "canvas" width = "480" height = "360"></canvas>
<script>
let energyEfficiencyCost = 100;
let energyStorageCost = 80;
let energyStorage = 10;
let energyChangeCost = 20;
let over = false;
let digSpeedCost = 60;
let infoOn = true;
let infoOpen = true;
let mouseX = 0;
let mouseY = 0;
let clicked = false;
let shopOpen = false;
let energyChange = 10;
let energy = 0;
let touchingDugDirt = false;
let touchingDirt = false;
let touchingRock1 = false;
let touchingRock2 = false;
let touchingRock3 = false;
let touchingRight = false;
let touchingLeft = false;
let touchingUp = false;
let touchingDown = false;
let rockHardness = 0;
let money = 100;
let mainDigSpeed = 4;
let digSpeed = 0;
let playerX = 200;
let playerY = 200;
let canvas = document.getElementById("canvas");
let ctx = canvas.getContext("2d");
let worldType = [];
let worldX = [];
let worldY = [];
let loading = true;
let mainX = -2000;
let mainY = 90;
let trump = new Image();
trump.src = "https://clipart.info/images/ccovers/1495816049surprised-face-trump-png-transparent-clip-art.png";
let shop = new Image();
shop.src = "http://premium.signcompanywebsites.com/uploads/graphics/Small-Business-Startup-Kit.png";
// world is 200x549 blocks not including lava
let rightPressed = false;
let leftPressed = false;
let upPressed = false;
let downPressed = false;
document.addEventListener('mousedown', onDown, false);
document.addEventListener('mousemove', function(e) {mouseX = e.clientX; mouseY = e.clientY;});
let cX = 0;
let cY = 0;
function onDown(e) {
    clicked = false;
	cX = e.pageX;
    cY = e.pageY;
    hitbox(100, 100, 120, 60); // charge battery
    if (shopOpen == true) {
        if (clicked == true) {
        if (money > energyChange * 2) {
        if (energy == 0) {
            alert("your battery is already fully charged!");
        } else {
            energy = 0;
            money = money -...