🟪 Piksel Dünyası: Dijital Görselin Yapı Taşlarını Keşfet

Ekranda gördüğün her fotoğraf, oyun karakteri ya da çizim; minicik renkli karelerden, yani piksellerden oluşur. Bir görseli büyütelim, pikselleri keşfedelim ve kendi piksel resmimizi tasarlayalım!

🔍 1. Adım: Bir görsel neyden oluşur?

Kaydırıcıyı sola doğru çekerek görseldeki piksel sayısını azaltın. Ne fark ediyorsunuz? Görselin üzerine tıklayarak bir pikselin rengini inceleyin.

Görselin çözünürlüğü (piksel sayısı)
8×816×1632×3264×64128×128256×256
👆 Görselde bir yere tıkla: O pikselin rengini ve yerini göreceksin.
💡 Piksel, dijital bir görselin en küçük parçasıdır. Görsel, satır ve sütunlardan oluşan bir ızgaraya dizilmiş binlerce küçük renkli kareden oluşur. Piksel sayısı arttıkça görsel daha ayrıntılı ve net görünür; buna çözünürlük denir.

🧠 Beyin fırtınası: Pikseller neye benziyor?

🧱Mozaik
Küçük taşlar yan yana gelince büyük bir resim oluşur.
🧵Kanaviçe
Her ilmek bir kare, karelerden bir desen çıkar.
🏟️Stadyum kart gösterisi
Her seyirci bir renkli kart tutar, tribün bir resim olur.
🟥Yapı blokları
Küçük kareli bloklarla şekiller oluşturulur.
💬 Sınıfça konuşalım: Telefonda bir fotoğrafı çok büyüttüğünüzde neden "kare kare" görünür? Siz başka hangi örnekleri piksellere benzetirsiniz?

🎨 2. Adım: Piksel Atölyesi

Bir renk seç ve karelere tıklayarak (ya da basılı tutup sürükleyerek) kendi piksel resmini çiz. Örnek desenlerden birini açıp üzerinde değişiklik de yapabilirsin.

🎨 Renkler

🛠️ Araçlar

📐 Izgara boyutu

🖼️ Örnek desenler

💬 Düşünelim: Aynı resmi 8×8 ve 32×32 ızgarada çizmeyi deneyin. Hangisinde daha fazla ayrıntı çizebildiniz? Hangisi daha uzun sürdü? Bu, çözünürlükle nasıl ilgili?

🌈 3. Adım: Her piksel bir renktir

Ekrandaki her piksel aslında kırmızı (R), yeşil (G) ve mavi (B) ışıkların karışımıdır. Her ışığın gücü 0 ile 255 arasında bir sayıyla gösterilir. Kaydırıcılarla kendi renkli pikselini oluştur!

↑ Pikselin içindeki R, G, B ışıklar
🔴 Kırmızı
🟢 Yeşil
🔵 Mavi
🎯 Mini görevler: (1) Sarı renk elde etmeye çalış. Hangi iki ışığı açtın? (2) Üç ışığı da 255 yaparsan ne olur? Hepsini 0 yaparsan? (3) Gri bir piksel nasıl yapılır?

🗺️ 4. Adım: Piksel kavram haritası

Kavramları doğru kutulara yerleştirin: Kavramı sürükleyin ya da önce kavrama, sonra kutuya dokunun. Kutudaki açıklama size ipucu verecek.

💬 Geri bildirimler burada görünecek.
💬 Toparlayalım: Kavram haritasını kullanarak "Dijital bir görsel nasıl oluşur?" sorusunu kendi cümlelerinizle cevaplayın ve defterinize yazın.