모래게임 Sandrop TIL 2

규칙과 겉모습

규칙을 안 건드리고 보이는 것만 바꿀 수 있다

캔버스가 채워지는 걸 보니 모래가 알알이 떨어지는 게 아니라 물이 차오르듯 가로줄이 한 줄씩 쓸려 올라갔다. 엔진이 아래 행부터 왼쪽 순서로 채우기 때문이다.

가장 쉬운 해법은 채우는 순서를 무작위로 바꾸는 것이다. 그런데 그 순서는 “이 레벨을 깰 수 있는가”를 판정하는 규칙과 얽혀 있어서, 건드리면 게임과 생성기가 갈라진다.

그래서 순서는 건드리지 않기로 하고, 픽셀마다 화면에 나타나는 시각만 조금씩 다르게 미뤘다. 쌓이는 순서는 규칙대로고 눈에 보이는 타이밍만 흩어진다.

• 겉모습이 마음에 안 들 때 규칙부터 고치려 들지 않는다. 규칙을 진실로 두고 그 위에 보여 주는 층을 얹으면 둘 다 지킬 수 있다
• 이렇게 나눠 두면 연출을 몇 번을 갈아엎어도 게임이 안 깨진다

---

매 프레임 달라지면 안 되는 값이 있다

픽셀마다 밝기를 미세하게 다르게 해서 알갱이처럼 보이게 했는데, 화면이 지글지글 떨렸다. 밝기를 무작위로 뽑으니 같은 픽셀이 매 프레임 다른 밝기로 그려진 것이다.

픽셀 번호로 밝기를 정하게 바꾸니 멈췄다. 같은 픽셀은 언제 그려도 같은 값이 나온다.

• 화면은 초당 수십 번 다시 그려진다. “한 번 정하면 안 바뀌어야 하는 값”을 그때그때 뽑으면 떨림으로 보인다
• 무작위처럼 보이되 매번 같아야 하는 값은, 무작위가 아니라 대상마다 정해지는 값에서 뽑는다

---

정중앙의 기준이 화면인지 남은 자리인지

캔버스가 오른쪽으로 조금 치우쳐 보였다. 왼쪽에 엘리베이터가 폭을 차지하고 있는데, 그걸 뺀 나머지 영역의 가운데에 놓여 있었다. 남은 자리의 중앙은 화면의 중앙이 아니다.

좌우 여백을 엘리베이터 폭만큼 맞춰 화면 기준 가운데로 옮겼다.

• 한쪽에만 고정 요소가 있으면 “가운데”가 두 가지 뜻이 된다. 어느 쪽 기준인지 정하고, 화면 기준이면 반대쪽에도 같은 여백을 줘야 대칭이 된다

---

Series: Today I Learn