프롬프트

20개의 부드러운 원이 이리저리 떠다니며 화면 가장자리에 부딪혀 튕겨 나가는 화면을 만들어 주세요. 따로 설치할 필요 없이 다른 파일도 일절 없이 브라우저에서 바로 열리는 단 하나의 HTML 파일로 만들어 주세요. CSS와 자바스크립트는 파일 안에 함께 넣어 주세요. 이미지 파일이나 외부 주소는 절대 사용하지 마세요. 기호가 필요하다면 이모지나 문자를 사용하세요.

각 도형은 저마다 크기, 속도, 방향이 다릅니다. 벽이나 서로에게 부딪히면 튕겨 나가며, 부딪힐 때마다 살짝 느려졌다가 다시 속도를 되찾습니다.

시간이 지남에 따라 색상이 천천히 바뀌어 똑같은 모습이 두 번 다시 보이지 않아야 합니다.

클릭하면 클릭한 위치에 하나가 추가됩니다. 슬라이더로 도형의 개수를 조절할 수 있게 해 주세요.

스마트폰에서도 매끄럽게 동작해야 합니다. 60개로 부드럽게 작동하기 버겁다면, 화면이 끊기게 두지 말고 개수를 줄여서 그려 주세요.

완성한 뒤 머릿속으로 몇 분간 실행해 보면서 화면 밖으로 빠져나가거나 구석에 뭉쳐 끼이는 것이 없는지 점검해 주세요.