Yapay Zeka ile Oyun Yapma: Çok Oyunculu Tarayıcı Oyunu

Yapay zeka ile çok oyunculu bir tarayıcı oyunu yapmak için kuralları, oyuncu sayısını, turların ve puanlamanın nasıl işlediğini ve istediğin görünümü anlatman yeter. WisyLink oyunu canlı odaları, çevrimiçi listesi ve anlık skorları olan bir web sayfası olarak oluşturur, yüksek skorları bir skor tablosuna kaydeder ve oyuncuların herhangi bir tarayıcıdan katıldığı bir bağlantıda yayınlar.

• Bir anlatımdan oluşturulan tarayıcı oyunları arcade ve bulmaca oyunlarından sıra tabanlı masa oyunlarına, canlı bilgi yarışmalarına ve 3D sahnelere kadar uzanır.
• Çok oyunculu mod odalar, bir "kimler burada" listesi ve ortak canlı durum ekler; test edilecek şeyleri de artırır. Bu yüzden onu yalnızca oyuncular gerçekten birlikte oynuyorsa seç.
• Cevapları sunucu kontrol etsin ve puanı sunucu versin. Oyuncuların tarayıcıları skor değil, hamle gönderir.
• Kendi görsellerini, müziğini ve 3D modellerini getir (dosya başına 25 MB'a kadar) ya da kodla çizilen vektör grafik iste. Yapay zeka ile görsel ya da müzik üretimi yok.
• Oyuncular herhangi bir telefon ya da dizüstü bilgisayardan, hiçbir şey kurmadan bir bağlantı ya da QR kodla katılır. Etkinlikten önce gerçek Wi-Fi ağında tam kadroyla prova yap.

Tarayıcıda hangi oyunları yapabilirsin?

Çoğu insanın tahmin ettiğinden fazlasını. Modern bir tarayıcı akıcı 2D animasyonları, arcade oyunlarını ve WebGL ile gerçek zamanlı 3D grafikleri dizüstü bilgisayarda olduğu kadar telefonda da çalıştırır. Yapay zeka, sen kod yazmadan oyun yapabilir mi? Evet: bir yapay zeka uygulama oluşturucuyla kuralları ve oyun hissini anlatırsın; oluşturucu oyunu yazar, barındırır ve sana bir bağlantı verir. Senin işin oyun tasarımı ve test. (Bu kategori senin için yeniyse önce yapay zeka uygulama oluşturucu nedir yazısıyla başla.)

WisyLink'in kendi örnek istemleri ölçeği gösteriyor: güçlendirmeli ve seviyeli neon bir tuğla kırma oyunu, dakikadaki kelime sayısını canlı gösteren bir klavye hız testi, kartları 3D dönen bir hafıza oyunu ve etkileşimli bir 3D parçacık galaksisi. Aşağıdaki tablo yaygın oyun türlerini ve her birinde açıkça yazman gerekenleri gösteriyor:

Tek oyunculu mu, gerçek zamanlı çok oyunculu mu?

Tek oyunculu bir oyun her oyuncunun kendi tarayıcısında çalışır; sunucu yalnızca kalıcı olması gerekenleri, örneğin skorları saklar. Gerçek zamanlı çok oyunculu oyunda ise birden fazla tarayıcı tek bir canlı oyun durumunu paylaşır: bir oyuncu cevap verdiğinde, hamle yaptığında ya da çizdiğinde diğerleri bunu bir an içinde görür.

Çok oyunculu mod, eğlence sosyal olduğunda değer: cevap vermek için yarışan bir sınıf, farklı odalardan masa oyunu oynayan iki arkadaş, büyük ekranda oy veren bir kalabalık. Bedeli daha fazla testtir; çünkü katılma, ayrılma, yeniden bağlanma, gecikme ve adalet tek tek kontrol edilmelidir. Rekabet hissi veren pek çok oyun, ortak skor tablolu tek oyunculu bir oyun olarak da işler: herkes istediği zaman tek başına oynar ve skorları sonradan karşılaştırır. Bunu oluşturmak daha basittir ve kimse odanın dolmasını beklemez.

İşe yarar bir kural: oyuncuların birbirinin hamlelerini olurken görmesi gerekiyorsa çok oyunculu yap. Yalnızca birbirinin sonuçlarını görmeleri yetiyorsa skor tablolu tek oyunculu bir oyun yap.

Oluştur: canlı bilgi yarışması için istem şablonu

Canlı bilgi yarışması sınıflar, ekip etkinlikleri ve organizasyonlar için klasik çok oyunculu tarayıcı oyunudur: projeksiyonda bir ana ekran, telefonlarından cevap veren oyuncular. Bir tane şöyle oluşturulur:

1. Formata karar ver. Ana ekran olacak mı, yoksa yöneticisiz mi? Kaç soru, her biri kaç saniye, puanlar nasıl işleyecek? Bunları istemi yazmadan önce netleştir; insanlar oynadıktan sonra puanlamayı değiştirmek karışıklık yaratır.
2. Sorularını bir dosya olarak hazırla. Soru, dört seçenek ve doğru seçenek sütunlarıyla CSV olarak kaydedilmiş bir tablo hem kontrol etmesi hem de sonradan değiştirmesi kolay bir yöntemdir. Mesajına ekle.
3. Brifi gönder. Aşağıdaki şablonu kendine göre uyarla. Wisy önce kısa bir soru sorabilir, ardından oluşturmaya başlar.
4. İki üç cihazla oyna. Telefonundan ve bir dizüstü bilgisayardan katıl, doğru ve yanlış cevaplar ver, ayrılıp yeniden katıl ve oyun ortasında geç katılmayı dene.
5. Gördüğünü anlatarak düzelt. "Yeniden katıldığımda skorum sıfırlandı; geri dönen oyuncuların skorunu koru." Her düzeltme yeni bir oluşturmadır.
6. Tam kadroyla prova yap. Gerçek oturumdan önce, beklediğin kadar oyuncuyla ve kullanacakları ağda bir tur oyna.

Köşeli parantezli kısımları değiştireceğin brif:

[9. sınıf fizik dersim] için canlı bir bilgi yarışması oyunu oluştur. İki görünüm olsun: projeksiyon için bir ana ekran ve telefonlar için bir oyuncu ekranı. Yönetici oyunu başlatır; ana ekran 4 harfli bir oda kodu, katılım bağlantısı ve bu bağlantının QR kodunu gösterir. Oyuncular hesap açmadan, yalnızca takma adla katılır. Yönetici kimlerin katıldığını görür ve bir oyuncuyu çıkarabilir. Sorular için ekteki CSV dosyasını kullan (soru, dört seçenek, doğru seçenek). Her soru [20] saniye görünsün; oyuncular dört renkli cevaptan birine dokunsun. Cevapları sunucu kontrol etsin ve [doğru cevaba 1.000 puan, yavaş cevaplarda en fazla 500 puan düşerek] puan versin. Her sorudan sonra ana ekranda doğru cevabı ve ilk 5'i, her oyuncunun telefonunda da kendi sırasını göster. Son sorudan sonra bir kürsü göster ve final skorlarını tüm zamanların skor tablosu sayfasına kaydet. Oyuncular sorular arasında katılabilsin; telefonu yeniden bağlanan oyuncu skorunu korusun. Sınıfın arka sırasından okunabilen, parlak ve yüksek kontrastlı bir görünüm.

Canlı turlar yerine e-posta toplayan ya da ürün öneren bir test istiyorsan kurulum farklıdır; yapay zeka ile test yaparak müşteri adayı toplama rehberine bak. Brifleri farklı şekillerde yazmak için bu hazır istem şablonlarından yararlanabilirsin.

Odalar, çevrimiçi listesi ve canlı skorlar

Arka planda çok oyunculu bir WisyLink oyunu canlı kanallar kullanır; genellikle her oda için bir kanal. Anlatman gerekenlerin çoğunu üç kavram karşılar:

Odalar

Oda kodu bir sınıfı ya da bir masayı diğerinden ayırır. İnsanların kolayca yazabileceği kısa bir kod, bir de kodu onlar için otomatik dolduran bir bağlantı ve QR kod iste.

Çevrimiçi listesi

"Kimler çevrimiçi" listesi. Oyuncular katıldıkça listede görünür, ayrıldıklarında ya da bağlantıları koptuğunda listeden düşer; böylece yönetici ne zaman başlayacağını bilir. Takma adlar oyuncuların yazdığı her şey olabilir, bu yüzden sınıflar için yöneticiye bir oyuncuyu çıkarma butonu iste.

Canlı durum

Ekrandaki soru, kalan süre, gelen cevaplar, skorlar. Her değişiklikten bir an sonra oyuncuların ekranları güncellenir.

Gerçek bir sınıfta ayakta kalan oyunu yalnızca demoda çalışandan iki tasarım kararı ayırır:

• Skoru sunucu tutsun. Canlı kanallar odadaki her oyuncuya açıktır; tarayıcı araçlarını kurcalayan meraklı bir lise öğrencisi sahte mesaj gönderebilir. Her cevabı sunucu kontrol edip puanı o verdiğinde, hile yapmak isteyen birinin yapabileceği en fazla şey cevap vermektir; bu da zaten serbest. Süre dolduktan sonra gelen cevapların reddedilmesini de iste.
• Önemli olanı kaydet. Canlı mesajlar anlıktır: saklanmaz ve yeniden oynatılmaz. Oyun durumunun ve skorların değiştikçe kaydedilmesini iste; böylece sayfayı yenileyen ya da Wi-Fi'dan mobil veriye geçen oyuncu kaldığı yerden devam eder, ana ekran da kopan bir bağlantıdan kurtulabilir.

Oyuncular telefonlarından katılabilir mi? Evet; sınıfların ve etkinliklerin çoğunda zaten böyle katılırlar. Herhangi bir modern telefon tarayıcısı yeterlidir; sen istemedikçe uygulama da hesap da gerekmez. Bir uyarı: canlı bağlantılar ve sayfa istekleri bağlantı başına ve ağ adresi başına hız sınırına tabidir. Otuz telefon aynı okul ya da mekân Wi-Fi'ını paylaştığında hepsi tek bir adresten geliyormuş gibi görünebilir; tam kadroyla prova yapmanın önemi tam da budur.

Yüksek skorlar ve skor tabloları

Skor tablosu aslında kaydedilmiş veridir: her skor için bir kayıt, en iyisi en üstte olacak şekilde sıralanır. WisyLink siteleri kayıtları kendi veri depolarında tutar ve aynı anda biten oyunlar birbirinin üzerine yazmaz. İsteminde şunlara karar ver:

• Hangi tablolar. Tüm zamanlar, bu hafta ya da etkinlik başına. Haftalık tablo yeni gelenleri motive eder; tüm zamanların tablosu müdavimleri ödüllendirir.
• Kimler sayılır. Takma adlar hızlıdır ama herkes "Ahmet" olduğunu iddia edebilir. Düzenli oyuncuların skorlarına sahip çıkması gerekiyorsa kayıt ve giriş iste; site kendi hesaplarını yönetir, e-posta doğrulaması için de Entegrasyonlar altında kendi e-posta (SMTP) hesabın gerekir.
• Yalnızca makul skorlar. Tek oyunculu oyunlarda skor oyuncunun tarayıcısında hesaplanır; bu yüzden sunucudan imkânsız sonuçları (iki saniyede kusursuz bir tur) reddetmesini ve bir oyuncudan dakikada yalnızca birkaç gönderime izin vermesini iste.
• Canlı ya da canlıya yakın. Skor tablosu sayfası yeni bir skordan sonra ziyaretçiler için yaklaşık bir dakika içinde yenilenir. Büyük bir ekranın anında güncellenmesi gerekiyorsa tablonun oyunun kanalı üzerinden canlı güncellenmesini iste.

Görsel ve ses: kendi dosyaların ya da kodla vektör çizim

WisyLink yapay zeka ile görsel, müzik ya da video üretmez. Oyunlar görünümlerini üç yoldan alır:

• Kodla çizilen vektör grafikler. Şekiller, ikonlar, parlayan parçacıklar ve neon efektler oyun kodu tarafından çizilir ve her ekran boyutunda keskin kalır; tuğla kırma oyunları, hafıza kartları ve bilgi yarışması ekranları için ideal.
• Kendi dosyaların. Sprite'lar, sprite sayfaları, arka planlar, yazı tipleri, MP3 müzik ve ses efektleri ya da .glb, .gltf veya .fbx formatında 3D modeller yükle. Her dosya 25 MB'a kadar olabilir. Yalnızca kullanım hakkına sahip olduğun dosyaları kullan; örneğin kendi çizimlerin ya da yeniden kullanım için lisanslanmış paketler.
• Stok fotoğraflar. Bir arka plan ya da soru görseli için uygundur, karakterler için değil.

Ses konusunda bilmeye değer bir tarayıcı kuralı var: tarayıcılar genellikle oyuncu sayfaya dokunana ya da tıklayana kadar sesi engeller (bkz. MDN'nin otomatik oynatma rehberi, İngilizce). Sesi açan bir "başlamak için dokun" ekranı ve bir sessiz butonu iste; oyuncuların çoğu bir sınıfta ya da ofiste olacaktır.

Paylaşım: bağlantı, QR kod, sosyal kart

Her oyun kendi adresinde, https://<id>.wisylink.com üzerinde ya da istersen kendi alan adında yayında olur. Oyuncuları içeri almanın üç yolu var:

• Bağlantı. Sınıfın WhatsApp grubuna, bir etkinlik e-postasına ya da yayın açıklamasına yapıştır. Bir etkinlik mi düzenliyorsun? Oyunu etkinlik sayfasından bağla; kayıt tarafını yapay zeka ile etkinlik kayıt ve LCV sayfası oluşturma rehberi anlatıyor.
• QR kod. Bir salon için QR kodun ana ekranda çizilmesini iste ya da afişler ve sunumlar için bağlantıdan herhangi bir QR oluşturucuyla bir tane üret. Basmadan önce son adrese karar ver; oyunu kendi alan adına taşımak adresini değiştirir.
• Sosyal kart. Her site ilk oluşturmada kendi paylaşım görselini ve favicon'unu alır; böylece bağlantı mesajlaşma uygulamalarında düzgün bir önizlemeyle görünür. İsteminde oyuna net bir başlık ve açıklama ver, çünkü bunlar da önizlemede çıkar.

Planlama için yayın süresi önemlidir. Ücretsiz Topluluk planında bir bağlantı 30 gün yayında kalır, ardından bir hafta daha silinmek üzere işaretli durur; bu, tek seferlik bir parti ya da etkinlik için uygundur. Her dönem yeniden kullanacağın bir oyunun yeri ücretli bir plandır; orada bağlantılar abone olduğun sürece yayında kalır. Ayrıntılar için planlar ve fiyatlar sayfasına bak.

Buradaki tarayıcı oyunları ne değildir?

Sınırları bilmek boşa geçecek bir öğleden sonrayı kurtarır:

• App Store ya da Google Play oyunu değildir. Sonuç bir web sayfasıdır. Oyuncular onu tarayıcıdan ana ekranlarına ekleyebilir, ama mağaza sayfası ve uygulama içi satın alma yoktur.
• Devasa çevrimiçi dünyalar değildir. Tasarım hedefi kalıcı bir dünyada aynı anda binlerce oyuncu değil; bir sınıf, bir ekip ya da bir etkinlik kalabalığıdır.
• Refleks odaklı nişancı oyunları değildir. Canlı güncellemeler bir an içinde gelir; bu, bilgi yarışması, masa oyunu ve çizim için fazlasıyla yeterlidir. Ama oyuncular arasında salise hassasiyetinde adalet gerektiren oyunlar özel oyun sunucuları ister.
• Dünyayı sunucu çalıştırmaz. Oyun döngüsü oyuncuların tarayıcılarında döner; sunucu istekleri yanıtlar ve sonuçları saklar. Arka plan görevleri var, ama 30 ila 60 dakikalık aralıklarla çalışır; bu, günlük bulmaca değişimine uyar, dakikası dakikasına zamanlanmış bir etkinliğe uymaz.

3D kapsam dahilinde: keşfedilebilir WebGL sahneleri, ürün gösterim ekranları ve uzay yolculukları tarayıcıda çalışır. Üretilen çıktının içinde dolaşılabilen bir mekâna dönüşmesine dair büyük resim için İstemden Dünyaya yazısını oku.

Oyununu anlat, oynanabilir bir bağlantı al

Tablodan bir oyun seç, kurallarını beş satırda yaz ve Wisy'ye gönder. Kendi telefonunda deneyebileceğin, barındırılan ve oynanabilir bir bağlantı alırsın; sonra aynı sohbette tur tur şekillendirirsin. Topluluk planıyla ücretsiz başla, kart gerekmez. Bir oyun sınıfının ya da etkinliklerinin vazgeçilmezi olduğunda, bağlantısı yayında kalsın diye onu ücretli bir plana taşı.