가위바위보

가위바위보로 컴퓨터와 겨루는 게임 화면을 만들어 보세요.

페이지 배경은 연보라에서 연분홍으로 번지는 대각선 그라데이션이고, 그 한가운데에 모서리가 크게 둥근 흰색 카드가 보랏빛 그림자를 깔고 놓입니다.

카드 속 내용은 모두 가운데 정렬이고 위에서부터 진한 남보라색 굵은 제목, 작고 연한 회색 부제 한 줄, 대결 구역, 결과 문구, 점수판, 버튼 줄 순서로 쌓여요.

대결 구역에는 큼직한 둥근 사각 타일 두 개가 나란히 놓이고 그 사이에는 대결을 뜻하는 짧은 영문 글자가 연회색으로 들어가는데, 왼쪽 타일은 연보라 배경에 내가 낸 손을, 오른쪽 타일은 연분홍 배경에 컴퓨터가 낸 손을 큰 이모지로 보여 줍니다.

아직 한 판도 하지 않았을 때는 손 대신 사람 이모지와 로봇 이모지가 자리를 지키고, 두 타일 아래에는 나와 컴퓨터를 알려 주는 작은 회색 캡션이 각각 붙습니다.

그 아래 결과 문구는 굵은 한 줄짜리 자리이고, 처음에는 셋 중 하나를 고르라는 안내가 들어가요.

점수판은 아주 연한 회색 바탕의 모서리가 둥근 칩 하나로, 내 이름표·내 점수·가운데 콜론·컴퓨터 점수·컴퓨터 이름표가 가로로 이어지며 내 숫자는 남보라, 컴퓨터 숫자는 진분홍으로 색이 다릅니다.

맨 아래에는 폭이 똑같은 흰색 버튼 세 개가 한 줄로 놓이는데 왼쪽부터 바위·가위·보 순서이고, 버튼마다 큰 이모지가 위에 이름이 아래에 쌓여 있으며 연회색 테두리와 옅은 그림자를 두릅니다.

버튼에 마우스를 올리면 살짝 위로 떠오르면서 테두리가 연보라로 물들고 그림자가 짙어져요.

버튼을 누르면 컴퓨터가 무작위로 하나를 내서 두 타일의 이모지가 이번 판에 낸 손으로 바뀌고, 결과 문구에는 컴퓨터가 무엇을 냈는지와 이번 판을 이겼는지 졌는지 비겼는지가 한 줄로 함께 나오며 글자색도 각각 초록·빨강·노랑으로 달라집니다.

이긴 쪽 점수만 1 올라가고 비기면 그대로이며, 마지막 판의 손과 결과는 다음 판을 누를 때까지 남아 있어요.

초기화 버튼이나 라운드 제한 같은 추가 장치는 없습니다.