Atölye › Klondike Solitaire › 12/40. adım

Boş yerlere çerçeve

Ne yapıyoruz

Açılan kartların yeri ve dört temel şu an boş; masaya bakınca oralara kart gideceği anlaşılmıyor. Her yığının yerine, kartlarının altına, soluk beyaz bir çerçeve çizeceğiz. Kart varsa çerçeveyi örter; yoksa çerçeve görünür.

```js
// An empty place shows as an outline.
ctx.strokeStyle = 'rgba(255, 255, 255, 0.35)'
ctx.lineWidth = 2
ctx.strokeRect(x, key[0] === 't' ? TAB_Y : TOP_Y, CW, CH)
```

Ne işe yarıyor

'rgba(255, 255, 255, 0.35)' → renk dört sayıyla: kırmızı, yeşil, mavi (0–255) ve saydamlık (0–1). Üçü de 255 → beyaz; 0.35 → yüzde 35 görünür, soluk bir beyaz.
ctx.lineWidth = 2 → 2 piksel kalınlık.
ctx.strokeRect(x, key[0] === 't' ? TAB_Y : TOP_Y, CW, CH) → yığının yerinde kart büyüklüğünde bir çerçeve.
Çerçeve kartlardan önce çizilir; kart varsa üstüne gelir ve onu örter.

Sıra sende

draw içinde const x = pileX(key) satırının altına dört satırı yaz (dört boşluk içeriden). Çalıştır: üst sırada boş yerlerin soluk çerçevelerini görmelisin.

Beceriler: Canvas üzerine çizim

← Sütunları kaydır Bir kart çevir →

Tüm adımlar