2021-04-07 13:34:07 +00:00
|
|
|
<!doctype html>
|
|
|
|
<html lang="en">
|
2023-01-20 18:51:33 +00:00
|
|
|
|
2021-04-07 13:34:07 +00:00
|
|
|
<head>
|
2021-06-25 11:09:16 +00:00
|
|
|
<title>SBDevelopment - Damage calculator</title>
|
2021-04-07 13:34:07 +00:00
|
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
2021-09-02 15:09:29 +00:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.0/css/bootstrap.min.css"
|
2023-01-20 18:51:33 +00:00
|
|
|
integrity="sha512-F7WyTLiiiPqvu2pGumDR15med0MDkUIo5VTVyyfECR5DZmCnDhti9q5VID02ItWjq6fvDfMaBaDl2J3WdL1uxA=="
|
|
|
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
2021-09-02 15:09:29 +00:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
|
2023-01-20 18:51:33 +00:00
|
|
|
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
|
|
|
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<link rel="stylesheet" href="dist/css/beautify.min.css">
|
2021-04-07 13:34:07 +00:00
|
|
|
</head>
|
2023-01-20 18:51:33 +00:00
|
|
|
|
2021-04-07 13:34:07 +00:00
|
|
|
<body>
|
2023-01-20 18:51:33 +00:00
|
|
|
<div class="container">
|
|
|
|
<div class="jumbotron mb-4">
|
|
|
|
<h1 class="display-4">SBDevelopment - Damage calculator</h1>
|
|
|
|
<p class="lead">Generate the texturepack asset files for your damaged items.</p>
|
|
|
|
<hr class="my-4">
|
|
|
|
<p>You indicate which item you want to use and where the models are for each damage value. This tool then
|
|
|
|
creates the .json file for you.</p>
|
2021-04-07 13:34:07 +00:00
|
|
|
</div>
|
2023-01-20 18:51:33 +00:00
|
|
|
<form id="calculatorForm">
|
2021-04-07 19:16:20 +00:00
|
|
|
<div class="mb-3 w-50">
|
2023-01-20 18:51:33 +00:00
|
|
|
<label for="item">The item to use:</label>
|
|
|
|
<select class="form-control" id="item" name="item" required>
|
|
|
|
<option value="" selected>Select an item...</option>
|
|
|
|
</select>
|
2021-04-07 19:16:20 +00:00
|
|
|
</div>
|
2023-01-20 18:51:33 +00:00
|
|
|
<div id="formItems" style="display: none;">
|
2021-04-07 19:16:20 +00:00
|
|
|
<div class="mb-3 w-50">
|
2023-01-20 18:51:33 +00:00
|
|
|
<label for="itemcount">The amount of models:</label>
|
|
|
|
<div class="input-group">
|
|
|
|
<button type="button" class="btn btn-outline-secondary btn-number" id="minus" disabled>
|
|
|
|
<span class="fas fa-minus"></span>
|
|
|
|
</button>
|
|
|
|
<input type="text" id="itemcount" name="quant" class="form-control input-number" value="1"
|
|
|
|
min="1" max="1" readonly>
|
|
|
|
<button type="button" class="btn btn-outline-secondary btn-number" id="plus" disabled>
|
|
|
|
<span class="fas fa-plus"></span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="items">
|
|
|
|
<div id="iteminput1" class="mb-3 w-50">
|
|
|
|
<label for="item1">Model for damage 1:</label>
|
|
|
|
<input type="text" class="form-control" id="item1" name="item1" placeholder="cars/blue_car"
|
|
|
|
required>
|
|
|
|
</div>
|
2021-04-07 19:16:20 +00:00
|
|
|
</div>
|
2023-01-20 18:51:33 +00:00
|
|
|
<button type="submit" class="btn btn-primary">Calculate</button>
|
2021-04-07 19:16:20 +00:00
|
|
|
</div>
|
2023-01-20 18:51:33 +00:00
|
|
|
</form>
|
|
|
|
<hr class="my-4">
|
|
|
|
<h6>Output JSON:</h6>
|
|
|
|
<pre id="content" class="mb-3 w-50">Fill in the form above to get an output.</pre>
|
|
|
|
<button id="copyButton" class="btn btn-primary mb-3 mr-3">Copy</button>
|
|
|
|
<a id="downloadButton" class="btn btn-secondary mb-3" href="#">Download</a>
|
|
|
|
</div>
|
2021-04-07 13:34:07 +00:00
|
|
|
</body>
|
2021-04-07 19:16:20 +00:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
|
2023-01-20 18:51:33 +00:00
|
|
|
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
|
|
|
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<script type="application/javascript" src="dist/js/calculator.min.js"></script>
|
|
|
|
<script type="application/javascript" src="dist/js/beautify.min.js"></script>
|
|
|
|
<script type="application/javascript" src="dist/js/scripts.min.js"></script>
|
2021-04-07 13:34:07 +00:00
|
|
|
|
2023-01-20 18:51:33 +00:00
|
|
|
</html>
|