This repository has been archived on 2024-10-13. You can view files and clone it, but cannot push or open issues or pull requests.
VPModelFileTool/index.html

127 lines
6.7 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en" data-bs-theme="dark">
2023-01-20 18:51:33 +00:00
<head>
<title>Model File Generator | SBDevelopment</title>
2024-04-14 18:42:40 +00:00
<meta name="title" content="Model File Generator">
<meta name="description" content="Easily generate the resourcepack asset files for your VehiclesPlus models.">
<meta name="keywords" content="vehiclesplus,sbdevelopment,file,model,generator,tool,assets">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="theme-color" content="#f49604"/>
<link rel="icon" type="image/png" href="dist/img/favicon/favicon-48x48.png" sizes="48x48"/>
<link rel="icon" type="image/svg+xml" href="dist/img/favicon/favicon.svg"/>
<link rel="shortcut icon" href="dist/img/favicon/favicon.ico"/>
<link rel="apple-touch-icon" sizes="180x180" href="dist/img/favicon/apple-touch-icon.png"/>
<link rel="manifest" href="dist/img/favicon/site.webmanifest"/>
2024-04-14 18:42:40 +00:00
<meta property="og:type" content="website">
<meta property="og:title" content="Model File Generator">
<meta property="og:url" content="https://vpmodelfiletool.sbdevelopment.tech/">
<meta property="og:image" content="https://vpmodelfiletool.sbdevelopment.tech/dist/img/vp.png">
2024-04-14 18:42:40 +00:00
<meta property="og:description"
content="Easily generate the resourcepack asset files for your VehiclesPlus models.">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css"
2024-04-14 17:59:09 +00:00
integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
2024-04-14 17:59:09 +00:00
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>
2023-01-20 18:51:33 +00:00
<link rel="stylesheet" href="dist/css/beautify.min.css">
<link rel="stylesheet" href="dist/css/styles.min.css">
<link rel="icon" href="https://sbdevelopment.tech/wp-content/uploads/2021/06/cropped-logo1-favicon-1-32x32.png"
2024-04-14 17:59:09 +00:00
type="image/png">
</head>
2023-01-20 18:51:33 +00:00
<body>
2024-04-14 17:59:09 +00:00
<div class="container">
<div class="jumbotron my-4">
<h1 class="display-4 pb-1"><img src="dist/img/vp.png"
alt="VehiclesPlus" class="pe-1 pb-2" style="width: 2em;"> Model File
2024-04-14 17:59:09 +00:00
Generator</h1>
2024-10-13 12:55:31 +00:00
<p class="lead">Easily generate the resourcepack asset files for your VehiclesPlus models.</p>
2024-04-14 17:59:09 +00:00
<hr class="mb-3">
2024-10-13 12:55:31 +00:00
<p class="fst-italic">You can use this tool to generate the model files for your custom VehiclesPlus
models.<br/>
Easily put the generated files in your resourcepack to use them in-game.</p>
2024-04-14 17:59:09 +00:00
</div>
<form id="calculatorForm">
<div class="mb-3 w-50">
<label for="custommodeldata">Custom model data (1.14+):</label>
<div class="form-check form-switch form-switch-lg">
<input class="form-check-input" type="checkbox" role="switch" id="custommodeldata" checked>
</div>
2024-10-13 12:55:31 +00:00
<div class="form-text" id="custommodeldata-help">For 1.14+, preferably use custom model data. For older
versions,
please disable this option.
2024-04-14 17:59:09 +00:00
</div>
</div>
2024-04-14 17:59:09 +00:00
<div class="mb-3 w-50">
<label for="namespace">Namespace:</label>
<input type="text" class="form-control" id="namespace" name="namespace" required value="vp">
2024-10-13 12:55:31 +00:00
<div class="form-text" id="namespace-help">The example resourcepack uses the namespace <code>vp</code>. You
can
change this to your liking.
2024-04-14 15:36:28 +00:00
</div>
2024-04-14 17:59:09 +00:00
</div>
<div class="mb-3 w-50">
<label for="item">Item:</label>
<select class="form-control" id="item" name="item" required>
<option value="" selected>Select an item...</option>
</select>
2024-10-13 12:55:31 +00:00
<div class="form-text" id="item-help">Select the item you want to use. If you want to use colors, you need
to use a leather armor item.
</div>
2024-04-14 17:59:09 +00:00
</div>
<div id="formItems" style="display: none;">
<div class="mb-3 w-50">
2024-04-14 17:59:09 +00:00
<label for="itemcount">The amount of models:</label>
<div class="input-group">
<button type="button" class="btn btn-outline-danger 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-success btn-number" id="plus" disabled>
<span class="fas fa-plus"></span>
</button>
2023-01-20 18:51:33 +00:00
</div>
2024-04-14 17:59:09 +00:00
</div>
<div id="items">
<div id="iteminput1" class="mb-3 w-50">
<label for="item1" class="form-label">Model for value 1:</label>
<div class="input-group mb-3">
<span class="input-group-text" id="namespace1">vp:item/</span>
<input type="text" class="form-control" id="item1" name="item1" placeholder="cars/blue_car"
required>
2023-01-20 18:51:33 +00:00
</div>
</div>
</div>
2024-04-14 17:59:09 +00:00
<button type="submit" class="btn btn-primary">Calculate</button>
</div>
</form>
<hr class="mb-3">
2024-10-13 12:55:31 +00:00
<h6>Output <code id="filename">file</code>:</h6>
2024-04-14 17:59:09 +00:00
<pre id="content" class="mb-3 w-50">Fill in the form above to get an output.</pre>
2024-10-13 12:55:31 +00:00
<a id="downloadButton" class="btn btn-primary mb-3" href="#">Download</a>
<button id="copyButton" class="btn btn-secondary mb-3 mr-3">Copy</button>
<p class="text-muted">Place the output in the <code>assets/minecraft/models/item/</code> folder of your
resourcepack.</p>
2024-04-14 17:59:09 +00:00
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
2024-04-14 17:59:09 +00:00
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2023-01-20 18:51:33 +00:00
<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>
2023-01-20 18:51:33 +00:00
</html>