Tower Defense Spill og LOG

Prosjektoversikt

Dette er en tower defense spill. Spillet er bygget med JavaScript og Three.js for 3D-grafikk.

---

Logg

Uke 47 (18. - 22. november)

Mandag 18. november

Gjort:

• Startet å lage ammunisjonssystem med modeling for forskjellige typer ammunisjon
• Lastet inn 3D-modeller for kanonkuler, piler og kuler
• Opprettet grunnleggende ammunisjonslogikk med homing hvert tik

Tirsdag 19. november

Gjort:

• Lagde kollisjonssystem mellom ammunisjon og fiender
• Justerte ammunisjonshastighet og skadeberegning
• Testet forskjellige tårntyper og ammunisjon til de

Onsdag 20. november

Gjort:

• Arbeidet med UI-elementer for gullsystem
• Lagde oppdatering av gullmengde
• La til bedre kostnadsmerker på tårnknapper
  Problem løst: Gullcounter oppdaterte seg ikke riktig – fikset ved å bruke querySelector korrekt

Torsdag 21. november

Gjort:

• Lagde rundestyringslogikk
• Gjore "Start Round"-knapp bedre med tilstandshåndtering
• Testet spillet med tårn og runder

Fredag 22. november

Gjort:

• Jobbet med visual elementer
• Implementerte hologram system for tårnplassering
• La til range zone for tårn

---

Uke 48 (25. - 29. november 2024)

Mandag 25. november

Gjort:

• Forbedret hologram-systemet med fargekoding (grønn og rød)
• Lagde kursor modell for tile hovering
  Problem løst: Hologram viste seg ikke på riktige steder – fikset koordinatberegning i updateCursor()

Tirsdag 26. november

Tid brukt: 4 timer
Aktiviteter:

• Ferdig gjorde ammunisjonssystem med bedre ballistics
• Lagde tower rotation mot fiender
• La til ammunisjons cleanup for å stope memory leaks
  Problem løst: Ammunisjon forsvant ikke etter treff – la til splice() i updateAmmo()

Onsdag 27. november

Gjort:

• Lagde "lose" overlay når man taper
• Lagde "win" overlay når man vinner
• La til reminder system for hvis du ikke plaserte tårn
• Testet spill vanslkighet og balanse
  Problem løst: UI ble ikke oppdatert under runder – la til requestAnimationFrame for kontinuerlig oppdatering

Torsdag 28. november

Gjort:

• Kritisk bug fikset: Hologram viste seg under aktive runder og var veldig forstyrrende
• Implementerte logikk for å skjule hologram når runden er aktiv
• La til ekstra sjekker i updateHologram() funksjonen
  Problem løst: Myntikonet så sammenpresset ut – justerte bredde til 32px og la til object-fit: contain

Fredag 29. november

Gjort:

• Siste testing og debugging
• Optimaliserte ytelse ved å fjerne unødvendige raycaster Problem løst: Tårnknapper reagerte ikke korrekt under runder – forbedret tilstandshåndtering i updateTowerButtonStates()

---

Problemer jeg har løst

1. Hologram-forstyrrelse under kamprunder
   Problem: Spillere ble forstyrret av hologram som viste seg under aktive runder
   Løsning: Implementerte sjekk av getSelectedTower() som returnerer null under aktive runder

2. Ammunisjon memory leak
   Problem: Ammunisjon som ikke traff mål forble i minnet og påvirket ytelsen
   Løsning: La til cleanup-logikk med lifetime tracking og scene.remove()

3. UI-responsivitet
   Problem: Knapper og counters reagerte ikke korrekt på spilltilstand
   Løsning: Implementerte sentralisert tilstandshåndtering gjennom setRoundActive()

4. Visual feedback
   Problem: Spillere var usikre på hvor de kunne plassere tårn
   Løsning: Implementerte hologram med fargekoding og rekkevidde-indikatorer

---

Neste steg

• Lage flere fiendetyper
• Lage flere tårn med unike egenskaper
• Legge til lydeffekter
• Forbedre AI for fiendebevegelse
• Implementere flere baner/levels