<html> | |
<head> | |
<title>Cricket LBW Analysis</title> | |
<link rel="stylesheet" href="/static/style.css"> | |
</head> | |
<body> | |
<h1>Cricket T20 Ball Tracking & LBW Analysis</h1> | |
<form id="lbw-form"> | |
<label>Pitching X (0 to 1):</label> | |
<input type="number" name="pitching_x" step="0.1" min="0" max="1" value="0.5"><br> | |
<label>Pitching Y (0 to 1):</label> | |
<input type="number" name="pitching_y" step="0.1" min="0" max="1" value="0.0"><br> | |
<label>Impact X (0 to 1):</label> | |
<input type="number" name="impact_x" step="0.1" min="0" max="1" value="0.5"><br> | |
<label>Impact Y (0 to 1):</label> | |
<input type="number" name="impact_y" step="0.1" min="0" max="1" value="0.5"><br> | |
<label>Speed (m/s):</label> | |
<input type="number" name="speed" min="0" value="30"><br> | |
<label>Spin (rps):</label> | |
<input type="number" name="spin" min="0" value="0"><br> | |
<button type="submit">Analyze LBW</button> | |
</form> | |
<h2>Result</h2> | |
<p id="decision"></p> | |
<canvas id="pitchCanvas" width="400" height="600"></canvas> | |
<script src="/static/script.js"></script> | |
</body> | |
</html> |