make.cube live

Let's make a game!
    name:make.cube (development)
    by:TGRein
    desc:<//>────────────────────<//>Changelog:<//>────────────────────<//>Current Version:<//>──────────<//>Version 0.2 Development - 1/18/2023 - Cascading Stress Syndrome<//><.>Finally got my CSS down (After lots of pain)<.>Added the first "content" in the game (but it still is pretty much unusable)<.>Added error codes! (But not for IGM itself.)<//>──────────<//>Development Versions<//>──────────<//>Version 0.1 Development - 1/17/2023 - Under Lots of wraps<//><.>Messed around with CSS<//>Version 0.2 Development - 1/18/2023 - Cascading Stress Syndrome<//><.>Finally got my CSS down (After lots of pain)<.>Added the first "content" in the game (but it still is pretty much unusable)<.>Added error codes! (But not for IGM itself.)<//>Version 0.2.1 Development - 3/4/2023 - Cascading Down and Down<//><.>MORE CSS<//><.>spritesheet :)<//>────────────────────<//>Error Codes:<//>────────────────────<//>Code 100: Machine Missing<//>Code 101: No next selected machine
    created:1/17/2023
    updated:1/18/2023
    version:2
Layout
*TEMPLATE
*LControls
    contains:tag:controls
    header:lcontrols
*CButtons
    contains:tag:buttons
    header:cbuttons
*CMachines
    contains:tag:machines
    header:cmachines
*RUpgrades
    contains:tag:upgrades
    header:rupgrades
Resources
// Control Resources
*selectedm
hidden
Upgrades
// Controls
*lastm
name:Last
desc:Move to the last machine
tag:controls
on earn:
lose lastm
if (selectedm=1 and disassembler<=1)
yield 1 selectedm
else toast Last Machine has failed. (Code:100)
end
end
on earn:
if (selectedm=2 and combiner<=1)
lose 1 selectedm
else toast Last Machine has failed. (Code:100)
end
end
*nextm
name:Next
desc:Move to the next machine
tag:controls
on earn:
lose nextm
if (selectedm=1 and disassembler<=1)
yield 1 selectedm
else toast Last Machine has failed. (Code:100)
end
end
on earn:
if (selectedm=2 and combiner<=1)
lose 1 selectedm
else toast Last Machine has failed. (Code:100)
end
end
*selectm
text:Selected [?(selectedm is 1)|Dissasember|[?(selectedm is 2)|Combiner|Code 101]]
name:Selected Machine
desc:It shows what machine you selected.<//>You have selected the [?(selectedm is 1)|dissasember|[?(selectedm is 2)|combiner|Code 101]] machine.
// Machines
*disassembler
text:(insert disassembler logo)
name:Disassembler
desc:Disassembles an item.
tag:machine
start with
*combiner
text:(insert combiner logo)
name:Combiner
desc:Combines 2 different items with 10 items each.
tag:machines
start with
CSS
#box-LControls
{
position:relative;
length:100%;
width:30%;
}
#box-CMachines
{
position:relative;
left:30%;
top:60%;
length:60%;
width:40%;
}
#box-CButtons
{
position:relative;
left:30%;
bottom:3%;
length:60%;
width:40%;
}
#box-RUpgrades
{
position:relative;
left:70%;
bottom:9%;
length:100%;
width:30%;
}
/* igm/stuff/basic.css */
#game
{
	background:#fff;
	font-size:12px;
	color:rgba(0,0,0,0.9);
	text-shadow:none;
}


.box
{
	text-align:center;
	padding:0px;
	box-shadow:none;
}
.thing,.box-header,.box-footer,.box-bit
{
	background:rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.9);
	margin:1px;
}
.thing:hover
{
	background:rgba(255,255,255,0.75);
}

.box-header
{
	margin-bottom:4px;
}
.box-footer
{
	margin-top:4px;
}

.title
{
	text-decoration:underline;
}

#box-main
{
	left:0px;
	top:0px;
	bottom:0px;
	overflow:hidden;
	width:60%;
	position:absolute;
}
#box-res.fullWidth
{
	width:100%;
	top:5%;
	height:5%;
	min-height:32px;
	z-index:100;
	position:absolute;
}
#box-buttons
{
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	position:absolute;
}
#box-store
{
	right:0px;
	top:0px;
	bottom:0px;
	width:40%;
	position:absolute;
}
#box-buildings,#box-upgrades
{
	top:0px;
	bottom:0px;
	width:50%;
	right:0%;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-bottom:48px;/* this is to accommodate the info and settings buttons */
	position:absolute;
}
#box-buildings
{right:50%;}

#box-buildings>.box-header
{
	padding-bottom:16px;
}
#bulkDisplay
{
	margin:-20px 24px 6px 24px;
	border:none;
	background:transparent;
}


.thing
{
	display:inline-block;
	padding:0px;
	cursor:pointer;
}
.thing:active
{
	opacity:0.5;
}
.upgrade.owned,.achiev.owned
{
	box-shadow:0px 0px 0px 2px rgba(0,0,0,0.5) inset;
}
.thing.cantAfford
{
	opacity:0.65;
}
.upgrade.cantAfford
{
	border:none;
}

.thing-costs{font-weight:bold;text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
.cost.hasEnough{color:#0f0;}
.cost.notEnough{color:#f00;}


.button>.thing-text
{
	text-decoration:underline;
}

.building
{
	display:block;
	margin-right:0px;
	font-size:14px;
}

.fullWidth
{
	display:block;
	margin-left:0px;
	margin-right:0px;
	z-index:10;
}
#game .fullWidth
{
	height:auto;
	min-height:auto;
}
.fullWidth,.fullWidth:hover
{
	background:rgba(0,0,0,0.75);
	box-shadow:none;
	color:#fff;
}
.fullWidth:before,.fullWidth:after
{
	content:'';
	height:1px;
	background:rgba(255,255,255,0.75);
	position:absolute;
	left:0px;
	right:0px;
	z-index:-1;
}
.fullWidth:before{top:-1px;}
.fullWidth:after{bottom:-1px;}

.fullWidth .thing-icon
{
	margin-top:-10px;
	margin-bottom:-10px;
}
.fullWidth .thing-text
{
	margin-top:-4px;
	margin-bottom:-4px;
}

.listing
{
	font-weight:normal;
}

#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}