From f323fc159c4337e080af5fa1ccbeea8823eaef42 Mon Sep 17 00:00:00 2001 From: LayneTheEpic <50891500+LayneTheEpic@users.noreply.github.com> Date: Fri, 26 Jun 2020 16:52:30 -0400 Subject: [PATCH] platformer getting a move on; list to self: clouds, background first --- assets/platformer/dirt.png | Bin 0 -> 1881 bytes assets/platformer/grass.png | Bin 0 -> 1881 bytes misc/platformer/color scheme.txt | 5 +++ misc/shady/pain.txt | 16 ++++++++ projects/platformer/game/js/grids.js | 54 +++++++++------------------ projects/platformer/game/js/level.js | 21 +++++++---- projects/platformer/game/js/main.js | 41 ++++++++++++++++++-- projects/platformer/index.html | 4 +- projects/platformer/style.css | 6 ++- root/tile.css | 2 +- shared/shared.css | 4 +- 11 files changed, 100 insertions(+), 53 deletions(-) create mode 100644 assets/platformer/dirt.png create mode 100644 assets/platformer/grass.png create mode 100644 misc/platformer/color scheme.txt create mode 100644 misc/shady/pain.txt diff --git a/assets/platformer/dirt.png b/assets/platformer/dirt.png new file mode 100644 index 0000000000000000000000000000000000000000..35d353459c4a9caee91244d0bff820104db2fd20 GIT binary patch literal 1881 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 { - drawLevel(); -}, 1000 / fps); /* ugh code */ \ No newline at end of file + if((Object.keys(tiles).filter(key => !tiles[key] === undefined)).length === 0) // if no properties are null + {} else {skipFrame = true; console.log("skipping frame")} + + if(!skipFrame) { + // updateLevel(); + renderLevel(maps[currentLevel - 1]); + + skipFrame = false; + } +}, 1000 / fps); + + + +(() => { // define the tiles + let dirt = new Image(20, 20); + + dirt.src = "../../../assets/platformer/dirt.png"; + + dirt.onload = () => {console.log('loaded')} + + tiles.dirt = dirt; +})(); \ No newline at end of file diff --git a/projects/platformer/index.html b/projects/platformer/index.html index 02228b5..a51933d 100644 --- a/projects/platformer/index.html +++ b/projects/platformer/index.html @@ -5,7 +5,7 @@ - + @@ -21,6 +21,7 @@

Pick a project

+ ← Platformer Map Generator @@ -33,6 +34,7 @@ project.addEventListener("click", e => { if(e.target.id === "platformer") {window.location.pathname = "/projects/platformer/game";} if(e.target.id === "map-generator") {window.location.pathname = "/projects/platformer/map-generator";} + if(e.target.id === "back") {window.location.pathname = "";} }) }); diff --git a/projects/platformer/style.css b/projects/platformer/style.css index 4a207d5..f28ca18 100644 --- a/projects/platformer/style.css +++ b/projects/platformer/style.css @@ -22,6 +22,10 @@ project-container project:nth-child(2) { animation: mediumFadeUp var(--medium-speed) ease-out backwards normal calc(var(--slow-speed) * 3); } +project-container project:nth-child(3) { + animation: mediumFadeUp var(--medium-speed) ease-out backwards normal calc(var(--slow-speed) * 3.5); +} + @@ -69,5 +73,5 @@ project:hover { project text { font-family: Lato; - font-size: 200%; + font-size: 220%; } \ No newline at end of file diff --git a/root/tile.css b/root/tile.css index c0580c4..e8b2377 100644 --- a/root/tile.css +++ b/root/tile.css @@ -15,7 +15,7 @@ tile-container { tile { width: var(--square-tile-size); - height: var(--square-tile-size); + /* height: var(--square-tile-size); Let it auto-adjust instead */ cursor: pointer; diff --git a/shared/shared.css b/shared/shared.css index 60af88e..541bfe0 100644 --- a/shared/shared.css +++ b/shared/shared.css @@ -40,7 +40,7 @@ html, body { --square-tile-size: 256px; - --rect-tile-width: 400px; + --rect-tile-width: 350px; --rect-tile-height: 200px; } @@ -198,7 +198,7 @@ h2 { width: 100%; text-align: center; - font-size: 200%; + font-size: 250%; }