Tuotelistan tuonti

Tuotelista on todellisuudessa taulukko, joka sisältää samanlaisen oliorakenteen listan jokaiselle tuotteelle. Esimerkiksi alla on Lemon tree -tuotteen tiedot:

  { 
    id: "lemontree",
    name: "Lemon tree",
    qty: 0,
    baseprice: 10,
    price: 10,
    multiplier: 0.2,
    image: "lemontree.svg"
  }
  • id määrittelee tuotteen yksilöllisen tunnuksen, käytetään yksilöimään mille tuotteelle toiminta kohdistuu. Tämän arvon pitää olla yksilöllinen.
  • name sisältää tuotteen nimen, joka näkyy käyttäjälle.
  • qty kertoo, kuinka monta kappaletta käyttäjä on tuotetta ostanut. Pelin alussa käyttäjä ei ole ostanut yhtään tuotetta eli lähtöarvo on 0. Tämä arvo kasvaa aina, kun käyttäjä ostaa tuotteen.
  • baseprice määrittelee tuotteen pohjahinnan, jonka perusteella tuotteen nouseva hinta lasketaan Laskukaavat-sivun periaatteiden mukaisesti.
  • price sisältää tuotteen nykyisen hinnan. Tämä arvo päivitetään aina, kun käyttäjä ostaa tuotteen. Uusi hinta lasketaan Laskukaavat-sivun periaatteiden mukaisesti. Lähtötilanteessa tuotteen nykyinen hinta on sama kuin lähtöhinta.
  • multiplier määrittelee kertoimen eli kuinka paljon yksi tuote kasvattaa yhdellä napautuksella saatavien sitruunoiden määrää.
  • image kertoo tuotekuvan nimen. Kuvan tiedostonimen alkuosa on sama kuin tuotteen id.

Tuodaan seuraavaksi koko tuotelista JavaScript-taulukkona. Ylläpidettävyyden vuoksi tallennamme taulukon omaan tiedostoonsa. Sijoitamme tämän tiedoston myös omaan kansioonsa, jonne kootaan kaikki sovelluksen asetuksiin liittyvät tiedostot.

  1. Luo src-kansion alle uusi kansio ja anna sen nimeksi config. Kuten nimikin jo viittaa, kansio on erilaisia asetustiedostoja varten.

  2. Luo src/config-kansioon uusi tiedosto, anna sen nimeksi items.js ja kopioi osoitteesta https://raw.githubusercontent.com/pekkatapio/lemon-clicker/main/src/config/items.js löytyvä ohjelmakoodi tiedoston sisällöksi.

Muutosten vienti versiohallintaan

Viedään viimeisimmät muutokset versiohallintaan.

git add .
git commit -m "lisää tuotelistataulukon"

lisää tuotelistataulukon -commit