forked from GithubMirrors/cardconjurer
61 lines
2.9 KiB
HTML
61 lines
2.9 KiB
HTML
<!DOCTYPE html5>
|
|
<html>
|
|
<head>
|
|
<title>Card Conjurer</title>
|
|
<link rel="stylesheet" href="data/site/styles.css">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<canvas id="previewCanvas"></canvas>
|
|
<div id='frameTab'>
|
|
<div class="splitGrid">
|
|
<div id="framePicker" class="frameGrid"></div>
|
|
<div id="maskPicker"></div>
|
|
</div>
|
|
<div>
|
|
<button onclick='addSelectedFrame()'>Add</button>
|
|
<button onclick='addSelectedFrame(["Right Half"])'>Add To Right Half</button>
|
|
</div>
|
|
<div id="cardMaster">
|
|
|
|
</div>
|
|
<div id='cardMasterElementEditor'>
|
|
X: <input id='cardMasterElementEditorX' type='number' oninput='cardMasterElementEdited()'>
|
|
Y: <input id='cardMasterElementEditorY' type='number' oninput='cardMasterElementEdited()'>
|
|
Scale: <input id='cardMasterElementEditorScale' type='number' oninput='cardMasterElementEdited()'>
|
|
Opacity: <input id='cardMasterElementEditorOpacity' type='number' min='0' max='100' oninput='cardMasterElementEdited()'>
|
|
Erase: <input id='cardMasterElementEditorErase' type='checkbox' onchange='cardMasterElementEdited()'>
|
|
</div>
|
|
</div>
|
|
<div id='textTab'>
|
|
<div id='textPicker'></div>
|
|
<div id='textEditor'>
|
|
Text: <textarea id='textEditorText' oninput='cardTextEdited()'></textarea>
|
|
X: <input id='textEditorX' type='number' oninput='cardTextEdited()'>
|
|
Y: <input id='textEditorY' type='number' oninput='cardTextEdited()'>
|
|
Width: <input id='textEditorWidth' type='number' oninput='cardTextEdited()'>
|
|
Height: <input id='textEditorHeight' type='number' oninput='cardTextEdited()'>
|
|
</div>
|
|
</div>
|
|
<div id='artTab'>
|
|
<div class="splitGrid">
|
|
<div>
|
|
<input type="file" accept="image/*" onchange="uploadImage(event, cardArt)" placeholder="Via File Upload">
|
|
<input type="text" placeholder="Via URL" onchange="cardArt.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
|
|
<input type="text" id="inputCardArtName" onchange="inputCardArtName(this.value)" placeholder="Via Card Name">
|
|
<input type="number" id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" value="" min="1" max="1" placeholder="Which Art From Card Name">
|
|
</div>
|
|
<div>
|
|
<div>X, Y, & Zoom:</div>
|
|
<input type="number" class="input number" value="0" id="inputCardArtX" oninput="cardArtUpdated()">
|
|
<input type="number" class="input number" value="0" id="inputCardArtY" oninput="cardArtUpdated()">
|
|
<input type="number" class="input number" value="100" step="0.1" min="0" id="inputCardArtZoom" oninput="cardArtUpdated()">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script defer src="data/scripts/sortable.js"></script>
|
|
<script defer src="data/scripts/main.js"></script>
|
|
<script defer src="data/scripts/versionM15.js"></script>
|
|
<html> |