bigger restrict

This commit is contained in:
ntr 2019-07-04 23:25:25 +10:00
parent 95402ca10e
commit 18126fa417
2 changed files with 6 additions and 5 deletions

View File

@ -25,8 +25,8 @@ class Restrict extends Component {
<feDisplacementMap in2="turbulence" in="SourceGraphic" scale="1" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap> <feDisplacementMap in2="turbulence" in="SourceGraphic" scale="1" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
</filter> </filter>
<g filter="url(#restrictFilter)" stroke-width="2px" > <g filter="url(#restrictFilter)" stroke-width="2px" >
<path id="rOne" d="M 32 96 L 32 32" /> <path id="rOne" d="M 8 124 L 8 8" />
<path id="rTwo" d="M 96 32 L 96 96" /> <path id="rTwo" d="M 124 8 L 124 124" />
</g> </g>
</svg> </svg>
); );
@ -70,7 +70,7 @@ class Restrict extends Component {
this.animations.push(anime({ this.animations.push(anime({
targets: ['#rOne'], targets: ['#rOne'],
d: 'M 96 32 L 32 96', d: 'M 124 8 L 8 124',
delay: TIMES.TARGET_DELAY_MS + TIMES.TARGET_DURATION_MS * 0.4, delay: TIMES.TARGET_DELAY_MS + TIMES.TARGET_DURATION_MS * 0.4,
duration: TIMES.TARGET_DURATION_MS * 0.4, duration: TIMES.TARGET_DURATION_MS * 0.4,
@ -80,7 +80,7 @@ class Restrict extends Component {
this.animations.push(anime({ this.animations.push(anime({
targets: ['#rTwo'], targets: ['#rTwo'],
d: 'M 96 96 L 32 32', d: 'M 124 124 L 8 8',
delay: TIMES.TARGET_DELAY_MS + TIMES.TARGET_DURATION_MS * 0.4, delay: TIMES.TARGET_DELAY_MS + TIMES.TARGET_DURATION_MS * 0.4,
duration: TIMES.TARGET_DURATION_MS * 0.4, duration: TIMES.TARGET_DURATION_MS * 0.4,

View File

@ -3,7 +3,8 @@ const SOURCE_DURATION_MS = 1000;
const TARGET_DELAY_MS = 500; const TARGET_DELAY_MS = 500;
const TARGET_DURATION_MS = 1500; const TARGET_DURATION_MS = 1500;
const POST_SKILL_DURATION_MS = 1000; const POST_SKILL_DURATION_MS = 1000;
const SOURCE_AND_TARGET_TOTAL_DURATION = TARGET_DELAY_MS + TARGET_DURATION_MS; // const SOURCE_AND_TARGET_TOTAL_DURATION = TARGET_DELAY_MS + TARGET_DURATION_MS;
const SOURCE_AND_TARGET_TOTAL_DURATION = 10000000;
module.exports = { module.exports = {
TIMES: { TIMES: {