Atölye › Yazı Yağmuru › 5/33. adım
Aynı anda birçok kelime düşecek. Her kelimenin üç bilgisi var: yazısı, yatay yeri (x) ve yüksekliği
(y). Bunları bir nesnede (object) paketleriz: { text: 'cat', x: 300, y: 60 }.
Bütün kelimeleri de bir dizide (array) tutarız: sıralı bir liste, alışveriş listesi gibi. draw listedeki her
kelimeyi kendi yerine yazacak. Şimdilik listeye elle iki kelime koyuyoruz.
```js
let words // { text, x, y }
function reset() {
words = [
{ text: 'rocket', x: 40, y: 120 },
{ text: 'cat', x: 300, y: 60 },
]
}
for (const w of words) ctx.fillText(w.text, w.x, w.y)
reset()
draw()
```let words → bir değişken: adı words olan bir kutu. const'tan farkı: let ile açılan kutunun içi
sonradan değiştirilebilir. İçini reset dolduracak.// { text, x, y } → kendimize not: listedeki her kelimenin biçimi.words = [ ... ] → köşeli parantez bir dizi açar; içinde virgülle ayrılmış iki nesne var.{ text: 'rocket', x: 40, y: 120 } → süslü parantez bir nesne açar: ad: değer çiftleri.for (const w of words) ... → döngü: "listedeki her kelime için, ona w de ve satırı çalıştır". İki kelime,
iki tur.w.text, w.x, w.y → nokta, paketin içinden bir bilgiyi okur.reset() → çizmeden önce kelimeleri hazırla.const FONT = ... satırının altında bir boş satır bırak; let words satırını, bir boş satır daha ve reset
fonksiyonunu yaz.draw içindeki ctx.fillText('rocket', 40, 120) satırını sil; yerine for satırını yaz.draw() satırının üstüne reset() yaz.Beceriler: Diziler ve nesneler