10개의 메트로놈을 단순 진자처럼 작동하는 시각적 표현으로 만들어 보세요. 각 메트로놈은 이전 것보다 1초 늦게 시작되어야 합니다. 시작부터 동기화될 때까지의 움직임을 보여주세요.

프로젝트 개요
10개의 메트로놈을 단순 진자 형태로 표현한 시뮬레이션을 설계합니다. 주요 초점은 진자의 시각적 동기화에 있으며, 각 메트로놈 시작 간에는 1초의 지연이 있습니다.

UI/UX 디자인 및 흐름
- 화면에 10개의 진자가 일렬로 배열되도록 합니다.
- 단순 진자를 연상시키는 미니멀리즘 디자인을 사용합니다.
- 첫 번째 메트로놈을 시작하는 컨트롤을 추가하여 동기화 과정을 시작합니다.

핵심 기능 및 로직
- 제공된 컨트롤을 사용하여 첫 번째 메트로놈을 수동으로 시작합니다.
- 각 후속 메트로놈 시작 사이에 1초 지연을 구현합니다.
- 현실적인 스윙 물리를 모델링하여 각 메트로놈의 진자 운동을 시뮬레이션합니다.
- 모든 메트로놈의 시각적 상태를 지속적으로 업데이트하여 동기화로 가는 움직임을 보여줍니다.

모범 사례
- 진자의 움직임이 부드럽고 자연스럽도록 합니다.
- 점진적 지연 메커니즘을 효율적으로 처리하는지 확인합니다.
- 모든 메트로놈이 동기화된 시점을 나타내기 위해 텍스트 피드백이나 표시기를 제공합니다.

자주 묻는 질문
메트로놈은 어떻게 시각적으로 표현되어야 하나요?
단순 진자로 표현되어야 합니다.

각 메트로놈 시작에 사용할 타이밍 메커니즘은 무엇인가요?
각 메트로놈은 이전 것보다 1초 늦게 시작됩니다.

create 10 metronomes as simple pendulums, start one, then the next one, continue up to 10'th, show them moving until synchronizing, Each metronome starts with a 1-second delay from the previous one. 

Q: How should the metronomes be visually represented?
A: As simple pendulums or with detailed designs.

Q: What timing mechanism should be used for starting each metronome?
A: Each metronome starts with a 1-second delay from the previous one.