| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>2D Physics Simulation</title> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.14.2/matter.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> |
| <style> |
| canvas { |
| display: block; |
| margin: 10px auto; |
| } |
| </style> |
| </head> |
| <body> |
| <div> |
| <label for="vx">Initial Horizontal Velocity (vx):</label> |
| <input type="number" id="vx" value="0"> |
| <label for="vy">Initial Vertical Velocity (vy):</label> |
| <input type="number" id="vy" value="0"> |
| </div> |
| <canvas id="world"></canvas> |
| <canvas id="vxChart"></canvas> |
| <canvas id="vyChart"></canvas> |
| <canvas id="xtChart"></canvas> |
| <canvas id="vxyChart"></canvas> |
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
