You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
141 lines
4.2 KiB
HTML
141 lines
4.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="/style.css">
|
|
<title>cardGame</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrap">
|
|
<p>Rooms will not be HTML buttons eventually, but for now...</p>
|
|
<button onclick="requestRooms()" class="dib">Get Rooms</button>
|
|
<ul id="joinRoomButtons" class="joinRoomButtons dib" style="display:inline;">
|
|
</ul>
|
|
<button onclick="requestCreateRoom()" style="background:#EEE">Create Room</button>
|
|
</div>
|
|
<canvas id="canvas" width="1000" height="600"></canvas>
|
|
|
|
<hr>
|
|
<button onclick="passTurn()">Pass Turn</button>
|
|
<br><br>
|
|
|
|
<hr>
|
|
<button onclick="untapAllZones()">Untap all</button>
|
|
<button onclick="echoCards()">Print cardlist to console</button>
|
|
<button onclick="echoCardsInDeck(0)">Print cardsInDeck for player0</button>
|
|
<button onclick="echoCardsInDeck(1)">Print cardsInDeck for player1</button>
|
|
|
|
<hr>
|
|
<div>
|
|
<button onclick="getItemsAndPrintFrontEnd()">Echo cards: </button>
|
|
|
|
<select name="boardElementId" id="boardElementId">
|
|
<option value="">All</option>
|
|
<option value="realDeck">realDeck</option>
|
|
<option value="deck">deck</option>
|
|
<option value="hand">hand</option>
|
|
<option value="mana">mana</option>
|
|
<option value="shield">shield</option>
|
|
<option value="board">board</option>
|
|
<option value="grave">grave</option>
|
|
</select>
|
|
|
|
<select name="playerId" id="playerId">
|
|
<option value="">All</option>
|
|
<option value="0">Player0</option>
|
|
<option value="1">Player1/Opponent</option>
|
|
</select>
|
|
|
|
<input name="listPositionId" id="listPositionId" placeholder="In position 1,2,3..."></input>
|
|
|
|
<select name="cardStatusId" id="cardStatusId">
|
|
<option value="">All</option>
|
|
<option value="attacking">Attacking</option>
|
|
<option value="tapped">Tapped</option>
|
|
</select>
|
|
|
|
<select name="itemOrCardData" id="itemOrCardData">
|
|
<option value="item">Item Data</option>
|
|
<option value="card">Card Data</option>
|
|
</select>
|
|
</div>
|
|
|
|
<hr>
|
|
<div>
|
|
<button onclick="debugEffect();">Debug Effect</button>
|
|
|
|
<input type="text" placeholder="damage amount (X000s)" id="effectDamageAmount">
|
|
<input type="text" placeholder="targetId" id="effectTargetId">
|
|
<input type="text" placeholder="targetId2" id="effectTargetId2">
|
|
<input type="text" placeholder="targetPlayer" id="effectTargetPlayer">
|
|
|
|
<select name="effectAddRemove" id="effectAddRemove">
|
|
<option value="add">Add</option>
|
|
<option value="remove">Remove</option>
|
|
</select>
|
|
|
|
<select name="effect" id="effect">
|
|
<option value="hurt">Hurt</option>
|
|
<option value="heal">Heal</option>
|
|
<option value="draw">Draw</option>
|
|
|
|
<option value="">-- Add/Remove --</option>
|
|
<option value="flight">Flight</option>
|
|
<option value="reach">Reach</option>
|
|
<option value="taunt">Taunt</option>
|
|
|
|
<option value="equipCard">Equip</option>
|
|
<option value="unequipCard">unEquip</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
<div>
|
|
<button onclick="debugTrigger();">Debug Trigger</button>
|
|
|
|
<input type="text" placeholder="targetId" id="triggerTargetId">
|
|
<select id="trigger">
|
|
<option value="tap">Tap</option>
|
|
<option value="pay">Pay</option>
|
|
</select>
|
|
|
|
<input placeholder="Amount" id="triggerAmount">
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
<div>
|
|
<button onclick="debugEffectCanTrigger();">Debug Effect Can Trigger</button>
|
|
|
|
<input type="text" placeholder="targetId" id="ecTriggerTargetId">
|
|
<input type="text" placeholder="effectIndex" id="ecTriggerIndex">
|
|
<select id="ecDoTrigger">
|
|
<option value="0">Just Check</option>
|
|
<option value="1">Trigger Effect</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
|
|
<!-- Will probably minifier all the JS together when done -->
|
|
<script src="/js/global.js"></script>
|
|
<script src="/js/game/components.js"></script>
|
|
<script src="/js/game/dataUpdate.js"></script>
|
|
<script src="/js/canvas/main.js"></script>
|
|
<script src="/js/canvas/draw.js"></script>
|
|
|
|
<script src="/js/shapes.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
<script src="/js/board.js"></script>
|
|
<script src="/js/helper.js"></script>
|
|
<script src="/js/effect.js"></script>
|
|
<script src="/js/debug.js"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|