feat: initialize project with core dependencies and game entry point
This commit is contained in:
57
style.css
Normal file
57
style.css
Normal file
@@ -0,0 +1,57 @@
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background-color: #000;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
color: #fff;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#game-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
#ui-layer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
/* Let clicks pass through to canvas if needed, but start screen needs clicks */
|
||||
}
|
||||
|
||||
#start-screen {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
pointer-events: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
text-shadow: 2px 2px #ff0000;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.controls {
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#hud {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
Reference in New Issue
Block a user