Soru Uİ Kodlamak için kaynak önerisi

[Lokslaft]

Arkadaşlar selamlar, keyfi olarak uğraştığım paketimdeki çoğu sistemin tasarımlarını sıfırdan değiştirmek istiyorum da, hala lua ile html css ve js arasındaki bağlantıyı çözemedim. Bir kaynak ya da bu tarz islerle ugrasan bi arkadas yardımcı olabilir mi?

 

[Avresi]

Selam lua html css javascript bağlantısı için sana bir kaç örnek yazıyorum

chatgpt veya claude gibi bir yapay zeka kullanmanı tavsiye ederim herşeyi sıfırdan daha detaylı anlatır çok daha kolay öğrenirsin

öncelikle fxmanifest.lua dosyasından bağlantılar kurabilirsin. fxmanifest.luaya ui_page ve files kısmına html içeriklerini koymazsan sendNUImessage() çalışmaz

fx_version 'cerulean'
game 'gta5'

ui_page 'html/index.html' -- NUI ana dosyası


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


client_script 'client.lua'

Kod örneği ise böyle:
diyelim ki oyuncu bir menü açıyor:

RegisterCommand("menu", function()
SetNuiFocus(true, true)
SendNUIMessage({action = "openMenu"})
end)

html tarafında js/script.js şöyle olur:

window.addEventListener('message', (event) => {
    const data = event.data;
    if (data.action === "openMenu") {
        document.querySelector(".menu").style.display = "block";
    }
});

ve eğer kullanıcı butona tıklarsa, javascript’ten Lua’ya veri yollar:

document.querySelector("#confirm").addEventListener("click", () => {
    fetch(`https://${GetParentResourceName()}/confirmPurchase`, {
        method: "POST",
        body: JSON.stringify({ item: "gun", price: 1000 })
    });
});

lua tarafı bu çağrıyı yakalar:

RegisterNUICallback("confirmPurchase", function(data, cb)
    print("Item:", data.item, "Price:", data.price)
    cb("ok")
end)