search

circlegame / circlegame-neo

0 stars 0 forks source link

Add blur to pregame countdown sceens #21

Open josef-karpinski opened 6 days ago

manos-alex commented 5 days ago

We can use CSS to add a blur filter to the sketch div returned in P5Wrapper.jsx.

...
  return (
    <div style={{ overflow: 'hidden' }}>
      <div style={{filter: 'blur(12px)'}} ref={sketchRef} />
    </div>
  );

We can communicate the gameState() from inside the sketch to only apply the blur during "pregame" and/or "countdown".