diff --git a/src/css/style.css b/src/css/style.css index 12d0a1d..4aabf89 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -54,6 +54,10 @@ canvas { scale: 1; } +.button:focus-visible { + outline-offset: 2px; +} + .primary-button { background-color: green; color: white; diff --git a/src/images/sbs_bus.png b/src/images/sbs_bus.png new file mode 100644 index 0000000..f63ec22 Binary files /dev/null and b/src/images/sbs_bus.png differ diff --git a/src/images/sbs_bus_reverse.png b/src/images/sbs_bus_reverse.png new file mode 100644 index 0000000..bbaf95b Binary files /dev/null and b/src/images/sbs_bus_reverse.png differ diff --git a/src/index.html b/src/index.html index 639e90e..6e87dc9 100644 --- a/src/index.html +++ b/src/index.html @@ -1,49 +1,49 @@ - - - - NY Frogger - - + + + + NY Frogger + + - - -
diff --git a/src/javascript/setup.js b/src/javascript/setup.js index 11dbe4b..f8c22a9 100644 --- a/src/javascript/setup.js +++ b/src/javascript/setup.js @@ -28,7 +28,6 @@ var particlesArray = [] var maxParticles = 300 var ripplesArray = [] var carsArray = [] -var logsArray = [] var numberOfCars = 3 var safe = false var hiddenCallToAction = false @@ -44,18 +43,14 @@ const background_lvl2 = createImage('background') const collision = createImage('collisions') -const turtle = createImage('turtles') +const bus = createImage('sbs_bus') -const bus = createImage('mta_bus') - -const bus_reverse = createImage('mta_bus_reverse') +const bus_reverse = createImage('sbs_bus_reverse') const cab = createImage('cab') const cab_reverse = createImage('cab_reverse') -const log = createImage('log') - const scabby = createImage('scabby') const execImages = { @@ -85,7 +80,7 @@ class KeyboardHandler { } static isDownKey() { - return (keys["ArrowDown"] || keys["W"] || keys["w"]) === true + return (keys["ArrowDown"] || keys["S"] || keys["s"]) === true } static isKeyboardKey() {