Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 1 | import {IN_TO_M, FT_TO_M} from './constants'; |
| 2 | |
| 3 | const CENTER_FIELD_X = 27 * FT_TO_M + 1.125 * IN_TO_M; |
| 4 | |
| 5 | const FAR_CARGO_X = CENTER_FIELD_X - 20.875 * IN_TO_M; |
| 6 | const MID_CARGO_X = FAR_CARGO_X - 21.75 * IN_TO_M; |
| 7 | const NEAR_CARGO_X = MID_CARGO_X - 21.75 * IN_TO_M; |
| 8 | const SIDE_CARGO_Y = (24 + 3 + 0.875) * IN_TO_M; |
| 9 | const SIDE_CARGO_THETA = -Math.PI / 2; |
| 10 | |
| 11 | const FACE_CARGO_X = CENTER_FIELD_X - (7 * 12 + 11.75 + 9) * IN_TO_M; |
| 12 | const FACE_CARGO_Y = (10.875) * IN_TO_M; |
| 13 | const FACE_CARGO_THETA = 0; |
| 14 | |
| 15 | const ROCKET_X = CENTER_FIELD_X - 8 * FT_TO_M; |
| 16 | const ROCKET_Y = (26 * 12 + 10.5) / 2.0 * IN_TO_M; |
| 17 | |
| 18 | const ROCKET_PORT_X = ROCKET_X; |
| 19 | const ROCKET_PORT_Y = ROCKET_Y - 0.7; |
| 20 | const ROCKET_PORT_THETA = Math.PI / 2; |
| 21 | |
| 22 | const ROCKET_HATCH_X_OFFSET = 14.634 * IN_TO_M; |
| 23 | const ROCKET_HATCH_Y = ROCKET_PORT_Y + 9.326 * IN_TO_M; |
| 24 | const ROCKET_NEAR_X = ROCKET_X - ROCKET_HATCH_X_OFFSET; |
| 25 | const ROCKET_FAR_X = ROCKET_X + ROCKET_HATCH_X_OFFSET; |
| 26 | const ROCKET_NEAR_THETA = -28.5 * 180 / Math.PI; |
| 27 | const ROCKET_FAR_THETA = Math.PI - ROCKET_NEAR_THETA; |
| 28 | |
| 29 | const HP_Y = ((26 * 12 + 10.5) / 2 - 25.9) * IN_TO_M; |
| 30 | const HP_THETA = Math.PI; |
| 31 | |
| 32 | export function drawField(ctx : CanvasRenderingContext2D) : void { |
| 33 | drawTargets(ctx); |
| 34 | } |
| 35 | |
| 36 | function drawHab(ctx : CanvasRenderingContext2D) : void { |
| 37 | ctx.fillstyle = 'rgb(100,100,100)'; |
| 38 | const habLeft = 5 * FT_TO_M; |
| 39 | const habWidth = 5 * FT_TO_M; |
| 40 | const habTop = -5 * FT_TO_M; |
| 41 | const habHeight = 10 * FT_TO_M; |
| 42 | ctx.fillRect(habLeft,habTop,habWidth,habHeight); |
| 43 | } |
| 44 | |
| 45 | function drawTargets(ctx : CanvasRenderingContext2D) : void { |
| 46 | drawHalfCargo(ctx); |
| 47 | drawRocket(ctx); |
| 48 | drawHP(ctx); |
| 49 | ctx.save(); |
| 50 | |
| 51 | ctx.scale(1, -1); |
| 52 | drawHalfCargo(ctx); |
| 53 | drawRocket(ctx); |
| 54 | drawHP(ctx); |
| 55 | |
| 56 | ctx.restore(); |
| 57 | } |
| 58 | |
| 59 | function drawHP(ctx : CanvasRenderingContext2D) : void { |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 60 | drawTarget(ctx, 0, HP_Y, HP_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 61 | } |
| 62 | |
| 63 | function drawRocket(ctx : CanvasRenderingContext2D) : void { |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 64 | drawTarget(ctx, ROCKET_PORT_X, ROCKET_PORT_Y, ROCKET_PORT_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 65 | |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 66 | drawTarget(ctx, ROCKET_NEAR_X, ROCKET_HATCH_Y, ROCKET_NEAR_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 67 | |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 68 | drawTarget(ctx, ROCKET_FAR_X, ROCKET_HATCH_Y, ROCKET_FAR_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 69 | } |
| 70 | |
| 71 | function drawHalfCargo(ctx : CanvasRenderingContext2D) : void { |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 72 | drawTarget(ctx, FAR_CARGO_X, SIDE_CARGO_Y, SIDE_CARGO_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 73 | |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 74 | drawTarget(ctx, MID_CARGO_X, SIDE_CARGO_Y, SIDE_CARGO_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 75 | |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 76 | drawTarget(ctx, NEAR_CARGO_X, SIDE_CARGO_Y, SIDE_CARGO_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 77 | |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 78 | drawTarget(ctx, FACE_CARGO_X, FACE_CARGO_Y, FACE_CARGO_THETA); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 79 | } |
| 80 | |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 81 | export function drawTarget(ctx : CanvasRenderingContext2D, x: number, y: number, theta: number) : void { |
| 82 | ctx.save(); |
| 83 | ctx.translate(x, y); |
| 84 | ctx.rotate(theta); |
| 85 | |
| 86 | ctx.beginPath(); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 87 | ctx.moveTo(0, -0.15); |
| 88 | ctx.lineTo(0, 0.15); |
| 89 | ctx.moveTo(0, 0); |
| 90 | ctx.lineTo(-0.15, 0); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 91 | ctx.stroke(); |
Alex Perry | d2df965 | 2019-03-23 22:53:04 -0700 | [diff] [blame] | 92 | |
| 93 | ctx.restore(); |
Alex Perry | 554cec0 | 2019-03-23 20:15:12 -0700 | [diff] [blame] | 94 | } |