🚀 HTML'in Temelleri
Oyun Başlıyor: Web'in İskeleti HTML
Selam gençler, ben Ovid Game'in teknik mutfağından. Bugün web geliştirmenin 'Hello World'ünden ziyade, işin mantığını kavrayacağız. Bir oyunu başlattığınızda karşınıza gelen o ilk Title Screen (Başlık Ekranı) neyse, web siteleri için de HTML odur.
HTML (HyperText Markup Language), bir programlama dili değil, bir işaretleme dilidir. Yani tarayıcıya (Chrome, Safari vs.) şunu dersiniz: 'Bak dostum, burası bir başlık, burası bir buton, burası da oyunun ana görseli.'
HTML Neden Önemli?
İster devasa bir 3D oyun motoru yazın, ister basit bir blog; her şey bu temel iskeletin üzerine biner. Bizim OvidEscaper projesini ilk geliştirdiğimizde, arayüzü karmaşık canvas yapılarıyla boğmak yerine saf HTML ile kurmuştuk. Neden mi? Çünkü DOM (Document Object Model) hiyerarşisi, tarayıcının en hızlı anladığı dildir. Tıpkı Godot'taki Scene Tree mantığı gibi; her şey bir hiyerarşi içinde, birbirinin içine geçerek (nesting) oluşur.
Temel Yapı Taşı: Tag'ler (Etiketler)
Bir HTML dosyası genellikle şu üç ana bölümden oluşur:
<!DOCTYPE html>: Tarayıcıya 'Modern HTML5 kullanıyorum' demenin teknik yolu.<head>: Oyunun arka planındaki 'config' dosyası gibidir. Kullanıcı görmez ama karakter setleri, başlıklar ve stil dosyaları burada tanımlanır.<body>: Ekrandaki her şey! Butonlar, yazılar, görseller... Oyuncunun etkileşime girdiği 'Level' burasıdır.
Kapanış Notları
Yukarıdaki kodda gördüğünüz <div>, <h1>, <p> gibi yapılar bizim oyun dünyasındaki prefablarımız gibidir. Her birinin bir görevi var. HTML'i sadece bir metin belgesi olarak görmeyin; o, üzerine dünyalar inşa edeceğimiz boş bir sahnedir.
Bir sonraki derste bu etiketlerin (tags) anatomisine ve 'Attributes' dediğimiz o sihirli özelliklere bakacağız. Şimdilik kod playground üzerinde butonların yerini değiştirmeyi veya metinleri güncellemeyi deneyin. Bozmaktan korkmayın, en iyi geliştirici 'F12'ye basıp dünyayı kurcalayandır.
Geliştirme Günlüğü: ovidgame.com