From 391d3d78fbf7fa122976bbc7f0fdce4b79bcb87b Mon Sep 17 00:00:00 2001
From: Nulo <hi@nulo.in>
Date: Mon, 28 Jun 2021 19:35:49 +0000
Subject: [PATCH] Arboles

---
 index.html           |   1 +
 src/assets/arbol.png | Bin 0 -> 2774 bytes
 src/jugando.ts       |  17 +++++++++++++++++
 3 files changed, 18 insertions(+)
 create mode 100644 src/assets/arbol.png

diff --git a/index.html b/index.html
index 5d7db64..7de4122 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
       <img id="img-larreta" src="/src/assets/larreta.png">
       <img id="img-jugadorx" src="/src/assets/eli.png">
       <img id="img-semilla" src="/src/assets/semilla.png">
+      <img id="img-arbol" src="/src/assets/arbol.png">
     </div>
     <canvas id="juego" width="1280" height="720"></canvas>
     <script type="module" src="/src/main.ts"></script>
diff --git a/src/assets/arbol.png b/src/assets/arbol.png
new file mode 100644
index 0000000000000000000000000000000000000000..de455879cc28389e6dbb308acdee5773d2c8baf6
GIT binary patch
literal 2774
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

literal 0
HcmV?d00001

diff --git a/src/jugando.ts b/src/jugando.ts
index fd6cee8..3898716 100644
--- a/src/jugando.ts
+++ b/src/jugando.ts
@@ -8,10 +8,12 @@ const veredaImg = document.getElementById("img-vereda") as HTMLImageElement
 const fondoImg = document.getElementById("img-fondo") as HTMLImageElement
 const jugadorxImg = document.getElementById("img-jugadorx") as HTMLImageElement
 const semillaImg = document.getElementById("img-semilla") as HTMLImageElement
+const arbolImg = document.getElementById("img-arbol") as HTMLImageElement
 
 const jugadorxSprite = loadSprite(jugadorxImg, 133, 266, juego => juego.canvas.height / 4)
 const larretaSprite = loadSprite(larretaImg, 800, 1069, juego => juego.canvas.height / 4)
 const semillaSprite = loadSprite(semillaImg, 480, 640, juego => juego.canvas.height / 8)
+const arbolSprite = loadSprite(arbolImg, 80, 150, juego => juego.canvas.height / 4)
 
 const ENEMIES_NUM = 20
 const ENEMY_SPEED = 40
@@ -29,6 +31,7 @@ export type State = {
     side: "left" | "right"
     enemies: { x: number }[]
     seeds: { x: number; velocity: { x: number } }[]
+    trees: { x: number }[]
     seedCooldown: number,
 }
 
@@ -40,6 +43,7 @@ export function createJugandoState(): State {
         side: "right",
         enemies: [],
         seeds: [],
+        trees: [],
         seedCooldown: 0,
     }
 }
@@ -82,6 +86,7 @@ export function update(juego: Juego<State>, dt: number) {
             })) {
                 juego.state.seeds = juego.state.seeds.filter(s => s.x !== seed.x)
                 juego.state.enemies = juego.state.enemies.filter(e => e.x !== enemy.x)
+                juego.state.trees.push({ x: enemy.x })
             }
         }
         if (Math.abs(seed.velocity.x) < 100)
@@ -131,6 +136,17 @@ function drawJugadorx(juego: Juego<State>) {
     )
 }
 
+function drawTrees(juego: Juego<State>) {
+    const height = arbolSprite.getHeight(juego)
+    const floorY = getFloorY(juego)
+    for (const tree of juego.state.trees) {
+        arbolSprite.draw(
+            juego,
+            tree.x + juego.state.view.x,
+            floorY - height,
+        )
+    }
+}
 function drawEnemies(juego: Juego<State>) {
     const height = larretaSprite.getHeight(juego)
     const floorY = getFloorY(juego)
@@ -165,6 +181,7 @@ export function draw(juego: Juego<State>, timestamp: number) {
     drawBackground(juego, 0, (height / 3) * 2, fondoImg)
     drawBackground(juego, getFloorY(juego), height / 3, veredaImg)
 
+    drawTrees(juego)
     drawEnemies(juego)
 
     drawJugadorx(juego)