마찰이 없는 표면에서 두 물체의 충돌을 보여주는 2D 시뮬레이터를 만드세요. 물체 1의 질량(1–10 kg), 물체 2의 질량(1–10 kg), 물체 1의 초기 속도(–10에서 10 m/s), 물체 2의 초기 속도(–10에서 10 m/s)를 입력할 수 있는 필드를 포함하세요.

프로젝트 개요:
마찰이 없는 표면에서 두 물체의 상호작용을 보여주는 2D 충돌 시뮬레이터를 개발하여 물리 계산과 애니메이션을 구현하세요.

UI/UX 디자인 및 흐름:
- 두 물체의 질량과 초기 속도를 입력할 수 있는 폼을 포함하세요.
- 탄성 충돌과 비탄성 충돌을 간단한 전환 스위치나 드롭다운 메뉴로 전환할 수 있도록 하세요.
- 색깔 있는 원으로 물체를 표현하여 충돌을 애니메이션으로 보여주세요.
- 충돌 후 속도와 시간에 따른 운동량 그래프를 표시하세요.
- 모든 캡션과 라벨은 러시아어로 작성되어야 합니다.

핵심 기능 및 로직:
- 탄성 및 비탄성 충돌에 대한 물리 계산을 구현하세요.
- 충돌 후 속도를 계산하여 표시하세요.
- 속도와 운동량 변화가 보이도록 충돌을 애니메이션 처리하세요.

최고의 실천 사례:
- 충돌 유형 전환과 물체 속성 입력을 위한 명확하고 직관적인 컨트롤을 사용하세요.
- 다양한 기기에서 부드러운 애니메이션 렌더링을 최적화하세요.
- 러시아어 사용자에게 일관된 텍스트 현지화를 보장하세요.

추가 세부사항:
- 탄성 충돌은 개별 충돌 후 속도를, 비탄성 충돌은 공통 속도를 보여준다는 것을 설명하는 FAQ 섹션을 포함하세요.
- 사용자 친화적이고 시각적으로 정보가 풍부한 디자인을 통해 흥미로운 학습 경험을 지원하세요.

Design a 2D simulator showing collision of two objects moving toward each other on a frictionless surface. Include a form with input fields for mass of object 1 (1–10 kg), mass of object 2 (1–10 kg), initial velocity of object 1 (–10 to 10 m/s), and initial velocity of object 2 (–10 to 10 m/s). Display the velocities after collision and animate the impact.
Make in possible to switch between types of collision (elastic, inelastic) 
Graph momentum of each object relative to time
Display captions in Russian

Q: What should the user experience be when switching between collision types?
A: First option: totally elastic collision. Second option: inelastic collision, objects share same velocity

Q: How should the objects be visually represented during the simulation?
A: Simple circles with different colors for each object.