From f47b2e3f68e69238b731d6183e739805db20ae5b Mon Sep 17 00:00:00 2001 From: Joris Date: Sun, 14 Feb 2021 20:25:55 +0100 Subject: Control a ship that can fire missiles --- src/view/scene.ts | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 src/view/scene.ts (limited to 'src/view/scene.ts') diff --git a/src/view/scene.ts b/src/view/scene.ts new file mode 100644 index 0000000..fe88c12 --- /dev/null +++ b/src/view/scene.ts @@ -0,0 +1,35 @@ +import * as Ship from 'view/ship' +import * as Colors from 'view/colors' +import * as Screen from 'screen' + +export interface State { + context: CanvasRenderingContext2D, + timestamp: number, + ship: Ship.State, +} + +export function init(): State { + let canvas = document.querySelector('canvas') as HTMLCanvasElement + let context = canvas.getContext("2d") as CanvasRenderingContext2D + + return { + context, + timestamp: 0, + ship: Ship.init(), + } +} + +export function update(state: State, timestamp: number) { + let delta = timestamp - state.timestamp + state.timestamp = timestamp + + Ship.update(state.ship, state.timestamp, delta) +} + +export function view(state: State) { + // Clear + state.context.fillStyle = Colors.colors.blue + state.context.fillRect(0, 0, Screen.width, Screen.height) + + Ship.view(state.context, state.ship) +} -- cgit v1.2.3