diff --git a/main.js b/main.js index 38b7d8f..9f0ea70 100644 --- a/main.js +++ b/main.js @@ -1,6 +1,6 @@ -// Settings. If you change the tilesize (256px) you also have to change it in -// the CSS. -const numRocks = 500; +// Settings. If you change the tilesize (256px) or the gridSize (25600px) you +// also have to change those values in the CSS. +const numRocks = 600; const gridSize = 25600 / 256; const bugDanceDuration = 2000; const bugAgitateDuration = 1000; diff --git a/style.css b/style.css index 5275c6e..91f239c 100644 --- a/style.css +++ b/style.css @@ -108,8 +108,8 @@ body { } #scrollable-area { - width: 51200px; - height: 51200px; + width: 25600px; + height: 25600px; background-image: url("./assets/img/forest-tile-512x512.jpg"); background-repeat: repeat; display: grid;