56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="transform.js" defer></script>
|
|
<script src="input.js" defer></script>
|
|
<script src="player.js" defer></script>
|
|
<script src="engine.js" defer></script>
|
|
</head>
|
|
<body
|
|
style="margin:0;"
|
|
>
|
|
<div class="player"
|
|
data-sprite="player.png"
|
|
data-transform="[1,0,0,1,0,0]"
|
|
data-collision="player"
|
|
id="player"
|
|
style="position:absolute;width:50px;height:50px;
|
|
background-color:rgba(50,0,127,0.7);"
|
|
></div>
|
|
<article class="level" id="test">
|
|
<!-- testing collision -->
|
|
<div class="environment"
|
|
data-collision="environment"
|
|
style="width:500px;height:25px;transform:matrix(1,0,0,1,0,300);background-color:rgba(127,100,0,0.7);"
|
|
>
|
|
</div>
|
|
|
|
<!-- testing radio button -->
|
|
<form
|
|
style="transform:matrix(1,0,0,1,10,600);max-width:80vw;"
|
|
>
|
|
<fieldset>
|
|
<legend>try selecting a radio button to teleport</legend>
|
|
<div
|
|
style="display:flex;flex-direction:column;"
|
|
>
|
|
<input
|
|
type="radio" id="tut-rad-1" name="tut-rad"
|
|
value="tut-rad-1"
|
|
style="transform:matrix(1,0,0,1,100,200);"
|
|
></input>
|
|
<input
|
|
type="radio" id="tut-rad-2" name="tut-rad"
|
|
value="tut-rad-2" ></input>
|
|
<input
|
|
type="radio" id="tut-rad-3" name="tut-rad"
|
|
value="tut-rad-3" ></input>
|
|
<input
|
|
type="radio" id="tut-rad-4" name="tut-rad"
|
|
value="tut-rad-4" ></input>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</article>
|
|
</body>
|
|
</html>
|