better decay

This commit is contained in:
ntr 2019-07-24 13:35:03 +10:00
parent d431ada7a9
commit 384cdb2de5
5 changed files with 30 additions and 52 deletions

View File

@ -11,7 +11,7 @@ html, body, #mnml {
background-color: black;
font-family: 'Jura';
color: whitesmoke;
font-size: 14pt;
font-size: 12pt;
user-select: none;
-moz-user-select: none;
@ -28,6 +28,12 @@ html, body, #mnml {
overflow-x: hidden;
}
@media (min-width: 1921px) {
html, body, #mnml {
font-size: 14pt;
}
}
html {
box-sizing: border-box;
margin: 0;
@ -397,34 +403,18 @@ header {
transition-duration: 0.5s;
transition-delay: 0;
transition-timing-function: ease;
}
.menu-construct .controls {
display: flex;
justify-content: flex-end;
}
button:not(:last-child) {
margin-bottom: 1em;
}
.menu-construct .controls h2 {
flex: 1;
}
.menu-construct .controls button {
color: #444;
flex: 0;
margin: 0 1em 0 0;
border: none;
}
.menu-construct .controls button:hover, .menu-construct .controls button:active {
color: whitesmoke;
}
.menu-construct .avatar {
.avatar {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
height: 100%;
}
}
.spawn-btn.menu-construct {
@ -493,7 +483,7 @@ header {
grid-area: constructs;
/* poor man's <hr>*/
padding-bottom: 2em;
padding: 0.5em 2em 0 0;
margin-bottom: 2em;
border-bottom: 0.1em solid whitesmoke;
}

View File

@ -62,6 +62,12 @@
border: 1px solid black;
}
}
svg {
stroke-width: 8px;
}
.white {
stroke: black;
}
}
button {
@ -84,18 +90,9 @@
stroke-width: 8px;
}
ellipse.white {
.white {
stroke: black;
}
rect.white {
stroke: black;
}
polygon.white {
stroke: black;
}
}
}

View File

@ -27,18 +27,9 @@ class Decay extends Component {
version="1.1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 300 300">
<defs>
<filter id="decayFilter">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<g>
{times(15, () => (
<rect filter="url(#decayFilter)" class="blue" x="135" y="135" width="20" height="20" />
{times(20, () => (
<rect x="135" y="135" width="10" height="10" />
))}
</g>
</svg>

View File

@ -25,7 +25,6 @@ class Restrict extends Component {
version="1.1"
id="restrict"
xmlns="http://www.w3.org/2000/svg"
style={{ transform: 'scale(3)' }}
viewBox="0 0 128 128">
<filter id='restrictFilter'>
<feTurbulence type="turbulence" baseFrequency="0" numOctaves="1" result="turbulence"></feTurbulence>

View File

@ -12,7 +12,6 @@ const FIRSTS: [&'static str; 36] = [
"concave",
"convex",
"distorted",
"dub",
"emotive",
"emotionless",
"fierce",
@ -37,10 +36,11 @@ const FIRSTS: [&'static str; 36] = [
"subterranean",
"synthetic",
"sweet",
"terrestrial",
"weary",
];
const LASTS: [&'static str; 41] = [
const LASTS: [&'static str; 42] = [
"artifact",
"assembly",
"console",
@ -72,6 +72,7 @@ const LASTS: [&'static str; 41] = [
"river",
"river",
"scaffold",
"structure",
"shape",
"signal",
"synthesiser",