10個のメトロノームを、シンプルな振り子として機能するビジュアル表現で作成してください。それぞれのメトロノームは前のものから1秒後に開始する必要があります。開始から同期に至るまでの動きを示してください。

プロジェクト概要
10個のメトロノームをシンプルな振り子として表現したシミュレーションを設計します。主な焦点は振り子の視覚的な同期にあり、各メトロノームの開始には1秒の遅延があります。

UI/UXデザインとフロー
- 画面上に10個の振り子を横一列に配置します。
- シンプルな振り子を彷彿とさせるミニマルなデザインを採用します。
- 最初のメトロノームを起動するためのコントロールを設置し、同期プロセスを開始します。

主要機能とロジック
- 提供されたコントロールを使用して最初のメトロノームを手動で起動します。
- 連続する各メトロノームの起動間に1秒の遅延を実装します。
- 現実的な揺れの物理をモデル化して、各メトロノームの振り子運動をシミュレートします。
- 画面上の全メトロノームの視覚状態を継続的に更新し、同期に向かう動きを示します。

ベストプラクティス
- 振り子の動きを滑らかで自然なものにしてください。
- 漸進的な遅延メカニズムを効率的に処理できるようにします。
- すべてのメトロノームが同期した時点を示すテキストフィードバックまたはインジケーターを提供してください。

FAQ
メトロノームはどのように視覚的に表現すべきですか？
シンプルな振り子として表現してください。

各メトロノームの起動にはどのタイミングメカニズムを使用すべきですか？
各メトロノームは前のものから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.