Tüm Blog Yazılarına Dön
Geliştirme 2026 Güncel Rehber

FiveM'de NUI (UI) Geliştirme: Modern Arayüzler ile Oyuncu Deneyimini Dönüştürün

FiveM sunucunuzdaki standart arayüzlerden kurtulun! Modern HTML/CSS/JS kullanarak nasıl profesyonel NUI sistemleri inşa edeceğinizi bu rehberde öğrenin.

DX
Dexta Store Ekibi
23 Eylül 20263 dk okuma3 okuma
FiveM'de NUI (UI) Geliştirme: Modern Arayüzler ile Oyuncu Deneyimini Dönüştürün

NUI (Nifty User Interface) Nedir ve Neden Önemlidir?

FiveM dünyasında 'NUI', sunucunuzun yüzüdür. Oyuncularınızın etkileşime girdiği envanterlerden, karakter yaratma ekranlarına kadar her şey NUI üzerinden döner. 2026 standartlarında, sadece 'çalışan' değil, aynı zamanda görsel olarak büyüleyici ve performanslı arayüzler sunmak, sunucunuzun kalitesini doğrudan belirler.

1. Adım: Temel Yapılandırma

Bir NUI arayüzü oluşturmak için fxmanifest.lua dosyanızda arayüz dosyalarınızı tanımlamanız gerekir. Aşağıdaki örnek, modern bir UI yapısı için temeldir:

lua
ui_page 'html/index.html'

files {
    'html/index.html',
    'html/css/style.css',
    'html/js/script.js',
    'html/assets/**/*'
}

2. Adım: Lua'dan JavaScript'e Veri Gönderimi

Sunucu tarafındaki verileri UI'ya taşımak için SendNUIMessage fonksiyonunu kullanırız. Bu, oyuncunun ekranında anlık etkileşim yaratmanın anahtarıdır.

lua
-- client.lua
RegisterCommand('showui', function()
    SetNuiFocus(true, true)
    SendNUIMessage({
        action = 'openMenu',
        data = { playerName = 'Dexta User', level = 10 }
    })
end)

3. Adım: Modern UI Tasarımı İçin İpuçları

Modern bir arayüz için Flexbox ve Grid sistemlerini kullanmayı ihmal etmeyin. Ayrıca, arayüzlerinize yumuşak geçişler (transition) eklemek, kullanıcı deneyimini profesyonel bir seviyeye taşır.

💡 İpucu: Arayüzlerinizde çok fazla yüksek çözünürlüklü görsel kullanmak yerine, CSS ile çizilmiş ikonları veya SVG formatlarını tercih edin. Bu, oyuncularınızın 'NUI lag' yaşamasını engeller.
⚠️ Önemli Uyarı: NUI içinde callback kullanırken her zaman güvenliği ön planda tutun. İstemci tarafında yapılan işlemlerin sunucu tarafında doğrulanması gerektiğini unutmayın; aksi takdirde 'trigger' açıklarına davetiye çıkarırsınız.

Eğer bu karmaşık UI sistemleri ve profesyonel arayüzlerle tek tek uğraşmak yerine, halihazırda endüstri standartlarında tasarlanmış bir altyapı arıyorsanız, DxAV1 - Roleplay Paketi içerisindeki optimize edilmiş UI modüllerimizi inceleyebilirsiniz.

Sıkça Sorulan Sorular (SSS)

S: NUI arayüzleri FPS düşürür mü?

C: Eğer gereksiz DOM elemanları kullanmaz ve optimize kod yazarsanız, NUI arayüzlerinin FPS'e etkisi yok denecek kadar azdır.

S: NUI için hangi dilleri bilmeliyim?

C: Temel seviyede HTML, CSS ve JavaScript bilmeniz, profesyonel bir arayüz geliştirmek için fazlasıyla yeterlidir.

S: NUI ile oyun içi sesleri kontrol edebilir miyim?

C: Evet, NUI üzerinden GetAudioBuffer veya PlaySound gibi tetikleyicilerle oyun içi sesleri manipüle edebilirsiniz.

Bu Rehber İşinize Yaradı mı?

Fikrinizi belirterek içeriklerimizi geliştirmemize yardımcı olun.

Topluluk
DX
Teknik İçerik Ekibi

Dexta Store Geliştirici Grubu

FiveM sunucuları için yüksek FPS optimizasyonlu hazır paketler, özel scriptler, MLO haritaları ve DXA koruma mimarisi geliştiren teknik ekibimiz tarafından hazırlanmıştır.

Premium FiveM Çözümleri

Sunucunuzu Bir Üst Seviyeye Taşımaya Hazır Mısınız?

Sıfırdan uğraşmak yerine; test edilmiş, yüksek FPS garantili ve 7/24 anında teslim edilen hazır roleplay paketlerimizi keşfedin.

Tüm Paket ve Scriptleri İncele

İlginizi Çekebilecek Diğer Rehberler