littlejsengine
Version:
LittleJS - Tiny and Fast HTML5 Game Engine
45 lines (43 loc) • 1.1 kB
HTML
<head>
<title>LittleJS HTML Menu Example</title>
<meta charset=utf-8>
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=mobile-web-app-capable content=yes>
<link rel=icon type=image/png href=../favicon.png>
<style>
.topDiv
{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.menuDiv
{
gap: 20px;
padding: 30px;
display: flex;
align-items: center;
flex-direction: column;
border: 3px solid black;
background-color: white;
visibility: hidden;
}
</style>
</head><body>
<!-- setup html menu system -->
<div class=topDiv>
<div id=menu class=menuDiv>
<b style=font-size:50px>Test Menu</b>
This is an example menu using html elements.
<input id=input_test value='Test Input'>
<input id=input_rangeTest type=range>
<button id=button_test>Test Button</button>
<button id=button_exitMenu>Exit Menu</button>
</div>
</div>
<!-- Add your game scripts here -->
<script src=game.js type=module></script>