AnkaÇocukTiyatrosu

Okul okul, şehir şehir gezen bir çocuk tiyatrosu için oyun gibi bir site. Perde açılıyor, minibüs yola çıkıyor, maske ruh hali değiştiriyor.

Anka Çocuk Tiyatrosu · 2026 · Tasarım + kod
Anka Çocuk Tiyatrosu sitesinin açılış, hikâye ve yolda bölümleri, üç telefonda

Perde açılıyor

Yükleme ekranı bile sahnenin parçası: anka kuşu yüzdeyle birlikte alev alıyor, yüzde yüze gelince perde açılıyor ve sahne başlıyor.

Yükleme ekranı ve açılış sahnesi, üç telefonda

Okul okul, yol yol

Tiyatronun beyaz minibüsü sitede de yolda. Yol tabelaları her geçişte 81 ilden rastgele bir şehir gösteriyor; hava güneşten yağmura, kara dönüyor.

Yolda giden minibüs sahnesi

Bir yüze dokun

Ekipten bir karaktere dokununca konuşma balonu onun hikâyesini anlatıyor: Kral Gogas, Esla, Örümcekadam ve diğerleri.

Ekip seçimi ve konuşma balonu, iki telefonda

Bugün hangi maskesin?

Neşeli ve düşünceli maske arasında geçilen küçük bir oyun. Çocuklara duyguları sahnede tanımayı anlatıyor.

Düşünceli ve neşeli maske, iki telefonda

Kaydırdıkça oynayan sahne

Animasyonların çoğu CSS'in kaydırmaya bağlı zaman çizelgesiyle (animation-timeline) çalışıyor. Harici script ya da animasyon kütüphanesi yok.

  • 96 CSS animasyonu
  • Tüm JavaScript 5 KB: ekip seçimi, maske ve alt menü
  • Telefonda başparmağın ulaştığı alt menü
Oyunlar, atölyeler ve iletişim bölümleri, üç telefonda
Sahne açık

Okul okul, şehir şehir gezen bir çocuk tiyatrosu için oyun gibi bir site. Perde açılıyor, minibüs yola çıkıyor, maske ruh hali değiştiriyor.