Pacman Sprites in FunScript

[<ReflectedDefinition>]
module Program

open FunScript
open FunScript.TypeScript

type ts = Api<"../Typings/lib.d.ts">

let cyand =
    14, 14,
    let A, B, C, D = 0x00000000, 0xFF00FFDE, 0xFFDEDEDE, 0xFF2121DE
    [|
    A; A; A; A; A; B; B; B; B; A; A; A; A; A
    A; A; A; B; B; B; B; B; B; B; B; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; C; C; B; B; B; B; C; C; B; B; A
    A; B; C; C; C; C; B; B; C; C; C; C; B; A
    B; B; C; C; C; C; B; B; C; C; C; C; B; B
    B; B; C; D; D; C; B; B; C; D; D; C; B; B
    B; B; B; D; D; B; B; B; B; D; D; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; A; B; B; B; A; A; B; B; B; A; B; B
    B; A; A; A; B; B; A; A; B; B; A; A; A; B
    |]
let oranged =
    14, 14,
    let A, B, C, D = 0x00000000, 0xFFFFB847, 0xFFDEDEDE, 0xFF2121DE
    [|
    A; A; A; A; A; B; B; B; B; A; A; A; A; A
    A; A; A; B; B; B; B; B; B; B; B; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; C; C; B; B; B; B; C; C; B; B; A
    A; B; C; C; C; C; B; B; C; C; C; C; B; A
    B; B; C; C; C; C; B; B; C; C; C; C; B; B
    B; B; C; D; D; C; B; B; C; D; D; C; B; B
    B; B; B; D; D; B; B; B; B; D; D; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; A; B; B; B; A; A; B; B; B; A; B; B
    B; A; A; A; B; B; A; A; B; B; A; A; A; B
    |]
let pinkd =
    14, 14,
    let A, B, C, D = 0x00000000, 0xFFFFB8DE, 0xFFDEDEDE, 0xFF2121DE
    [|
    A; A; A; A; A; B; B; B; B; A; A; A; A; A
    A; A; A; B; B; B; B; B; B; B; B; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; C; C; B; B; B; B; C; C; B; B; A
    A; B; C; C; C; C; B; B; C; C; C; C; B; A
    B; B; C; C; C; C; B; B; C; C; C; C; B; B
    B; B; C; D; D; C; B; B; C; D; D; C; B; B
    B; B; B; D; D; B; B; B; B; D; D; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; A; B; B; B; A; A; B; B; B; A; B; B
    B; A; A; A; B; B; A; A; B; B; A; A; A; B
    |]
let redd =
    14, 14,
    let A, B, C, D = 0x00000000, 0xFFFF0000, 0xFFDEDEDE, 0xFF2121DE
    [|
    A; A; A; A; A; B; B; B; B; A; A; A; A; A
    A; A; A; B; B; B; B; B; B; B; B; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; C; C; B; B; B; B; C; C; B; B; A
    A; B; C; C; C; C; B; B; C; C; C; C; B; A
    B; B; C; C; C; C; B; B; C; C; C; C; B; B
    B; B; C; D; D; C; B; B; C; D; D; C; B; B
    B; B; B; D; D; B; B; B; B; D; D; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; A; B; B; B; A; A; B; B; B; A; B; B
    B; A; A; A; B; B; A; A; B; B; A; A; A; B
    |]

let pr1 =
    13, 13,
    let A, B = 0x00000000, 0xFFFFFF00
    [|
    A; A; A; A; B; B; B; B; B; A; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; A; A
    B; B; B; B; B; B; B; B; B; A; A; A; A
    B; B; B; B; B; B; B; A; A; A; A; A; A
    B; B; B; B; B; B; A; A; A; A; A; A; A
    B; B; B; B; B; B; B; A; A; A; A; A; A
    B; B; B; B; B; B; B; B; B; A; A; A; A
    A; B; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; A; A; A; B; B; B; B; B; A; A; A; A
    |]
let pr2 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; B; B; B; B; B; A; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; A; A; A; A
    B; B; B; B; B; B; A; A; A; A; A; A; A
    B; B; B; B; B; B; B; B; B; A; A; A; A
    B; B; B; B; B; B; B; B; B; B; B; B; B
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; A; A; A; B; B; B; B; B; A; A; A; A
    |]
let pl1 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; B; B; B; B; B; A; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; B; A
    A; A; A; A; B; B; B; B; B; B; B; B; B
    A; A; A; A; A; A; B; B; B; B; B; B; B
    A; A; A; A; A; A; A; B; B; B; B; B; B
    A; A; A; A; A; A; B; B; B; B; B; B; B
    A; A; A; A; B; B; B; B; B; B; B; B; B
    A; A; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; A; A; A; B; B; B; B; B; A; A; A; A
    |]
let pl2 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; B; B; B; B; B; A; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    B; B; B; B; B; B; B; B; B; B; B; B; B
    A; A; A; A; B; B; B; B; B; B; B; B; B
    A; A; A; A; A; A; A; B; B; B; B; B; B
    A; A; A; A; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; A; A; A; B; B; B; B; B; A; A; A; A
    |]
let pu1 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; A; A; A; A; A; A; A; A; A
    A; A; B; A; A; A; A; A; A; A; B; A; A
    A; B; B; B; A; A; A; A; A; B; B; B; A
    A; B; B; B; A; A; A; A; A; B; B; B; A
    B; B; B; B; B; A; A; A; B; B; B; B; B
    B; B; B; B; B; A; A; A; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; A; A; A; B; B; B; B; B; A; A; A; A
    |]
let pu2 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; B; A; A; A; B; A; A; A; A
    A; A; B; B; B; A; A; A; B; B; B; A; A
    A; B; B; B; B; A; A; A; B; B; B; B; A
    A; B; B; B; B; A; A; A; B; B; B; B; A
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; A; A; A; B; B; B; B; B; A; A; A; A
    |]
let pd1 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; B; B; B; B; B; A; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; A; A; A; B; B; B; B; B
    B; B; B; B; B; A; A; A; B; B; B; B; B
    A; B; B; B; A; A; A; A; A; B; B; B; A
    A; B; B; B; A; A; A; A; A; B; B; B; A
    A; A; B; A; A; A; A; A; A; A; B; A; A
    A; A; A; A; A; A; A; A; A; A; A; A; A
    |]
let pd2 =
    13, 13,
    let A, B = 0x0, 0xFFFFFF00
    [|
    A; A; A; A; B; B; B; B; B; A; A; A; A
    A; A; B; B; B; B; B; B; B; B; B; A; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    A; B; B; B; B; B; B; B; B; B; B; B; A
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; B; B; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    B; B; B; B; B; B; A; B; B; B; B; B; B
    A; B; B; B; B; A; A; A; B; B; B; B; A
    A; B; B; B; B; A; A; A; B; B; B; B; A
    A; A; B; B; B; A; A; A; B; B; B; A; A
    A; A; A; A; B; A; A; A; B; A; A; A; A
    |]



let maze = "\
##/------------7/------------7##,\
##|............|!............|##,\
##|./__7./___7.|!./___7./__7.|##,\
##|o|  !.|   !.|!.|   !.|  !o|##,\
##|.L--J.L---J.LJ.L---J.L--J.|##,\
##|..........................|##,\
##|./__7./7./______7./7./__7.|##,\
##|.L--J.|!.L--7/--J.|!.L--J.|##,\
##|......|!....|!....|!......|##,\
##L____7.|L__7 |! /__J!./____J##,\
#######!.|/--J LJ L--7!.|#######,\
#######!.|!          |!.|#######,\
#######!.|! /__==__7 |!.|#######,\
-------J.LJ |      ! LJ.L-------,\
########.   | **** !   .########,\
_______7./7 |      ! /7./_______,\
#######!.|! L______J |!.|#######,\
#######!.|!          |!.|#######,\
#######!.|! /______7 |!.|#######,\
##/----J.LJ L--7/--J LJ.L----7##,\
##|............|!............|##,\
##|./__7./___7.|!./___7./__7.|##,\
##|.L-7!.L---J.LJ.L---J.|/-J.|##,\
##|o..|!.......<>.......|!..o|##,\
##L_7.|!./7./______7./7.|!./_J##,\
##/-J.LJ.|!.L--7/--J.|!.LJ.L-7##,\
##|......|!....|!....|!......|##,\
##|./____JL__7.|!./__JL____7.|##,\
##|.L--------J.LJ.L--------J.|##,\
##|..........................|##,\
##L--------------------------J##".Split(',')

let tl = [|
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b00000011
    0b00000100
    0b00001000
    0b00001000|]
let top = [|
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b11111111
    0b00000000
    0b00000000
    0b00000000|]
let tr = [|
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b11000000
    0b00100000
    0b00010000
    0b00010000|]
let left = [|
    0b00001000
    0b00001000
    0b00001000
    0b00001000
    0b00001000
    0b00001000
    0b00001000
    0b00001000|]
let blank = [|
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b00000000|]
let right = [|
    0b00010000
    0b00010000
    0b00010000
    0b00010000
    0b00010000
    0b00010000
    0b00010000
    0b00010000|]
let bl = [|
    0b00001000
    0b00001000
    0b00000100
    0b00000011
    0b00000000
    0b00000000
    0b00000000
    0b00000000|]
let bottom = [|
    0b00000000
    0b00000000
    0b00000000
    0b11111111
    0b00000000
    0b00000000
    0b00000000
    0b00000000|]
let br = [|
    0b00010000
    0b00010000
    0b00100000
    0b11000000
    0b00000000
    0b00000000
    0b00000000
    0b00000000|]
let door = [|
    0b00000000
    0b00000000
    0b00000000
    0b00000000
    0b11111111
    0b00000000
    0b00000000
    0b00000000|]
let pill = [|
    0b00000000
    0b00000000
    0b00000000
    0b00011000
    0b00011000
    0b00000000
    0b00000000
    0b00000000|]
let power = [|
    0b00000000
    0b00011000
    0b00111100
    0b01111110
    0b01111110
    0b00111100
    0b00011000
    0b00000000|]

type Brush = Blue | Yellow

let toTile c =
    match c with
    | '=' -> door, Blue
    | '_' -> top, Blue
    | '|' -> left, Blue
    | '!' -> right, Blue
    | '/' -> tl, Blue
    | '7' -> tr, Blue
    | 'L' -> bl, Blue
    | 'J' -> br, Blue
    | '-' -> bottom, Blue
    | '.' -> pill, Yellow
    | 'o' -> power, Yellow
    | _ -> blank, Blue

let isWall x=
    match x with
    | '_' | '|' | '!' | '/' | '7' | 'L' | 'J' | '-' | '*' -> true
    | _ -> false

let tileAt (x,y) =
    if x < 0 then ' '
    elif x > 30 then ' '
    else maze.[y].[x]

let isWallAt (x,y) = tileAt(x,y) |> isWall

[<JSEmit("return {0} << {1};")>]
let ShiftLeft(x:int,n:int) : int = failwith "never"

[<JSEmit("return {0} >> {1};")>]
let ShiftRight(x:int,n:int) : int = failwith "never"

[<JSEmit("return {0} & {1};")>]
let And(a:int,b:int) : int = failwith "never"

let draw f (lines:int[]) =
    let width = 8
    lines |> Array.iteri (fun y line ->
        let line = line
        for x = 0 to width-1 do
            let bit = ShiftLeft(1, width - 1 - x)
            let pattern = And(line,bit)
            if pattern <> 0 then f (x,y)
    )

let part x n =
    let bits = ShiftRight(x,n)
    let byte = And(bits, 255)
    float byte

let createImage (width, height, pixels) =
    let layer = unbox<ts.HTMLCanvasElement>(ts.document.createElement("canvas"))
    layer.width <- float width
    layer.height <- float height
    let context = layer.getContext("2d")
    let id = context.createImageData(float width,float height)
    let d = id.data
    pixels |> Array.iteri (fun i pixel ->
            let x = i * 4
            d.[x+0] <- part pixel 16
            d.[x+1] <- part pixel 8
            d.[x+2] <- part pixel 0
            d.[x+3] <- part pixel 24
        )
    context.putImageData(id,0.,0.)
    let image = unbox<ts.HTMLImageElement>(ts.document.createElement("image"))
    image.src <- layer.toDataURL()
    unbox<ts.HTMLElement>(image)

type Plotter(context:ts.CanvasRenderingContext2D) =
    member __.createBrush(r,g,b,a) =
        let id = context.createImageData(float 1,float 1)
        let d = id.data
        d.[0] <- float r; d.[1] <- float g; d.[2] <- float b; d.[3] <- float a
        id
    member __.plot(brush,x,y) =
        context.putImageData(brush, float x, float y)

let createBackground () =
    let background = unbox<ts.HTMLCanvasElement>(ts.document.createElement("canvas"))
    background.width <- 256.
    background.height <- 256.
    let context = background.getContext("2d")
    context.fillStyle <- "rgb(0,0,0)"
    context.fillRect (0., 0. , 256., 256.);
    let plotter = Plotter(context)
    let blue = plotter.createBrush (63,63,255,255)
    let yellow = plotter.createBrush (255,255,0,255)
    let lines = maze
    for y = 0 to lines.Length-1 do
        let line = lines.[y]
        for x = 0 to line.Length-1 do
            let c = line.[x]
            let tile, color = toTile c
            let brush = match color with Blue -> blue | Yellow -> yellow
            let f (x',y') = plotter.plot(brush, x*8 + x', y*8 + y')
            draw f tile
    unbox<ts.HTMLElement>(background)

let noWall (x,y) (ex,ey) =
    let bx, by = ShiftRight(x+6+ex,3), ShiftRight(y+6+ey,3)
    isWallAt (bx,by) |> not

let verticallyAligned (x,y) =  (x % 8) = 5
let horizontallyAligned (x,y) = (y % 8) = 5
let isAligned n = (n % 8) = 5

let canGoUp (x,y) = isAligned x && noWall (x,y) (0,-4)
let canGoDown (x,y) = isAligned x && noWall (x,y) (0,5)
let canGoLeft (x,y) = isAligned y && noWall (x,y) (-4,0)
let canGoRight (x,y) = isAligned y && noWall (x,y) (5,0)

let wrap (x,y) (dx,dy) =
    let x =
        if dx = -1 && x = 0 then 30 * 8
        elif dx = 1  && x = 30 *8 then 0
        else x
    x + dx, y + dy

type Ghost(image:ts.HTMLElement,x,y,v) =
    let mutable x' = x
    let mutable y' = y
    let mutable v' = v
    member val Image = image
    member __.X = x'
    member __.Y = y'
    member __.V = v'
    member ghost.Move(v) =
        v' <- v
        let dx,dy = v
        let x,y = wrap (x',y') (dx,dy)
        x' <- x
        y' <- y

let chooseDirection (ghost:Ghost) =
    let x,y = ghost.X, ghost.Y
    let dx,dy = ghost.V
    let isBackwards (a,b) =
        (a <> 0 && a = -dx) || (b <> 0 && b = -dy)
    let directions =
        [|canGoLeft(x,y),(-1,0)
          canGoDown(x,y),(0,1)
          canGoRight(x,y),(1,0)
          canGoUp(x,y),(0,-1)|]
        |> Array.filter fst
        |> Array.map snd
        |> Array.filter (not << isBackwards)
    let i = int (ts.Math.floor(ts.Math.random() * float directions.Length))
    let dx,dy = directions.[i]
    dx,dy

let createGhosts context =
    [|
         redd, (16, 11), (1,0)
         cyand, (14, 15), (1,0)
         pinkd, (16, 13), (0,-1)
         oranged, (18, 15), (-1,0)
    |]
    |> Array.map (fun (data,(x,y),v) ->
        let image = createImage data
        Ghost(image, (x*8)-7, (y*8)-3, v)
    )

type Keys() =
    let leftCode, upCode, rightCode, downCode = 90(*z*), 81(*q*), 88(*x*), 65(*a*)
    let mutable isLeft = false
    let mutable isUp = false
    let mutable isDown = false
    let mutable isRight = false
    member keys.Update (e:ts.KeyboardEventExtensions,pressed) =
        let keyCode = int e.keyCode
        if keyCode = leftCode then isLeft <- pressed
        if keyCode = rightCode then isRight <- pressed
        if keyCode = upCode then isUp <- pressed
        if keyCode = downCode then isDown <- pressed
    member keys.LeftPressed = isLeft
    member keys.RightPressed = isRight
    member keys.UpPressed = isUp
    member keys.DownPressed = isDown

let bindKeys (keys:Keys) =
    ts.addEventListener("keydown", unbox<ts.EventListener>(fun e ->
        let e = (unbox<ts.KeyboardEventExtensions>(e))
        keys.Update(e, true)
        )
    )
    ts.addEventListener("keyup", unbox<ts.EventListener>(fun e ->
            let e = (unbox<ts.KeyboardEventExtensions>(e))
            keys.Update(e,false)
        )
    )

let main() =
    let keys = Keys()
    bindKeys keys

    let canvas = unbox<ts.HTMLCanvasElement>(ts.document.getElementById("canvas"))
    canvas.width <- 256.
    canvas.height <- 256.
    let context = canvas.getContext("2d")
    context.fillStyle <- "rgb(0,0,0)"
    context.fillRect (0., 0. , 256., 256.);

    let background = createBackground()
    let ghosts = createGhosts(context)
    let pu1, pu2 = createImage pu1, createImage pu2
    let pd1, pd2 = createImage pd1, createImage pd2
    let pl1, pl2 = createImage pl1, createImage pl2
    let pr1, pr2 = createImage pr1, createImage pr2

    let score = ref 0
    let x, y = ref (16 * 8 - 7), ref (23 * 8 - 3)
    let v = ref (0,0)
    let lastp = ref pr1

    let moveGhosts () =
        ghosts |> Array.iter (fun ghost ->
            let v = chooseDirection ghost
            ghost.Move(v)
        )

    let movePacman () =
        v :=
            if keys.LeftPressed && canGoLeft(!x,!y) then (-1,0)
            elif keys.RightPressed && canGoRight(!x,!y) then (1,0)
            elif keys.UpPressed && canGoUp(!x,!y) then (0,-1)
            elif keys.DownPressed && canGoDown(!x,!y) then (0,1)
            else (0,0)
        let x',y' = wrap (!x,!y) !v
        x := x'
        y := y'

    let logic () =
        moveGhosts()
        movePacman()

    let getPacmanImage () =
        let p1, p2 =
            match !v with
            | -1,  0 -> pl1, pl2
            |  1,  0 -> pr1, pr2
            |  0, -1 -> pu1, pu2
            |  0,  1 -> pd1, pd2
            |  _,  _ -> !lastp, !lastp
        let x' = int (ts.Math.floor(float (!x/6)))
        let y' = int (ts.Math.floor(float (!y/6)))
        if (x' + y') % 2 = 0 then p1 else p2

    let renderPacman () =
        let p = getPacmanImage()
        lastp := p
        context.drawImage(p, float !x, float !y)

    let renderGhosts () =
        ghosts |> Array.iter (fun ghost ->
            context.drawImage(ghost.Image, float ghost.X, float ghost.Y)
        )

    let renderScore () =
        context.fillStyle <- "white"
        context.font <- "bold 8px";
        context.fillText("Score " + (!score).ToString(), 0., 255.)

    let render () =
        context.drawImage(background, 0., 0.)
        renderScore ()
        renderPacman()
        renderGhosts ()

    let rec update () =
        render ()
        logic ()
        ts.setTimeout(update, 1000. / 60.) |> ignore

    update()

do Runtime.Run(directory="Web", components=Interop.Components.all)