Vishva/game_development_workshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update game logic and styles

Browse Source
This commit is contained in:
Vishva
2026-09-25 18:45:24 +05:30
parent c8e68a4901
commit df6e844b25
2 changed files with 424 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+7 -98
View File
@@ -717,109 +717,18 @@ html, body {
right: 0;
bottom: 0;
z-index: 1;
background: radial-gradient(circle at 50% 30%, #1a2538 0%, #0d121a 80%);
background: #0d121a;
overflow: hidden;
}
.industrial-wall {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 65%;
background:
linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
background-size: 40px 40px;
}
.workbench {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 35%;
background: linear-gradient(180deg, #1b2430 0%, #10161f 100%);
border-top: 3px solid #2d3c52;
}
.warning-tape {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 8px;
background: repeating-linear-gradient(
45deg,
var(--safety-yellow),
var(--safety-yellow) 15px,
#000 15px,
#000 30px
);
opacity: 0.7;
}
.workpiece-element, .equipment-element {
position: absolute;
.env-svg-stage {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
pointer-events: none;
}
/* Scenario 1 Grinding Props */
.stage-grinding .workpiece-element {
right: 18%;
bottom: 80px;
width: 160px;
height: 80px;
background: linear-gradient(135deg, #475569 0%, #334155 100%);
border: 2px solid #64748b;
border-radius: 4px;
box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}
.stage-grinding .equipment-element {
right: 22%;
bottom: 120px;
width: 120px;
height: 45px;
background: #dc2626;
border-radius: 6px;
box-shadow: 0 6px 15px rgba(0,0,0,0.5);
border: 2px solid #991b1b;
transform: rotate(-15deg);
}
.stage-grinding .equipment-element::after {
content: "";
position: absolute;
left: -20px;
top: 8px;
width: 32px;
height: 32px;
border-radius: 50%;
background: #94a3b8;
border: 3px solid #475569;
}
/* Scenario 2 Chemical Props */
.stage-chemical .workpiece-element {
right: 15%;
bottom: 60px;
width: 220px;
height: 140px;
background: rgba(14, 165, 233, 0.05);
border: 2px solid rgba(14, 165, 233, 0.3);
border-radius: 8px;
}
.stage-chemical .equipment-element {
right: 20%;
bottom: 80px;
width: 50px;
height: 75px;
background: rgba(16, 185, 129, 0.25);
border: 2px solid #10b981;
border-radius: 4px;
}
/* Worker Avatar Area */
.avatar-wrapper {
position: relative;