tukaunu/endfieldpuzzle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
tukaunu
2026-03-13 17:58:49 +01:00
commit 53818a69c2
7 changed files with 1009 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
designer.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puzzle Designer</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a href="index.html" class="nav-link">&rarr; Go to Play Page</a>
<h1>Puzzle Designer</h1>
<div class="page-layout">
<!-- Left panel: Board setup -->
<div class="panel">
<h2>Board Setup</h2>
<div class="section">
<label>Width: <input type="number" id="boardWidth" min="1" max="20" value="5"></label>
<label style="margin-left:12px;">Height: <input type="number" id="boardHeight" min="1" max="20" value="5"></label>
<button id="generateBtn" style="margin-left:12px;">Generate Board</button>
</div>
<div id="boardArea" class="section">
<!-- Board table will be generated here -->
</div>
</div>
<!-- Right panel: Piece designer + inventory -->
<div class="panel">
<h2>Piece Designer</h2>
<div class="section">
<div class="piece-designer-grid" id="pieceDesignerGrid">
<!-- 9 cells generated by JS -->
</div>
<br>
<button id="addPieceBtn">Add Piece</button>
</div>
<h2>Piece Inventory</h2>
<div class="inventory" id="pieceInventory">
<!-- Pieces added here -->
</div>
<div class="section" style="margin-top: 20px;">
<button id="exportBtn">Export Puzzle</button>
</div>
<div class="section">
<textarea id="exportOutput" rows="4" cols="40" readonly style="width:100%; display:none;"></textarea>
</div>
</div>
</div>
<script src="designer.js"></script>
</body>
</html>