Bir Kivoai Creative oyunu

Building a little world? Easy peasy.

It's Your Town, tarayıcıda oynanan, insan ölçeğinde ve doğayla iç içe küçük bir şehir kurduğun sakin bir şehir kurma oyunu.

  • Ücretsiz
  • Kurulum yok
  • Tarayıcıda
  • WebGPU · WebGL 2
Yollar, evler, bilim merkezi ve parklarla dolu pastel bir mahalle, gündüz Aynı mahalle gün batımında, sıcak ışıkta Aynı mahalle gece: yanan pencereler, sokak lambaları, zeplin

Oyun

Puan yok, süre yok,
kaybetmek yok.

Evler, bahçeler, patikalar ve tren hatlarıyla kendi mahalleni kur. Sokaklarda kediler dolaşır, nehirde tekneler süzülür, akşam olunca pencereler yanar. Sadece sen ve şehrin. Kurulum gerektirmez, şehrin tarayıcında kendiliğinden kaydedilir.

  1. 01Dokuz bölgelik bir dünya

    Nehir ve demiryoluyla bölünmüş bir vadi; şehrin merkezde başlar, komşu bölgeleri açtıkça büyür.

  2. 02Yürünebilir sokaklar

    Patikalar, promenatlar, yaya geçitli kavşaklar ve basamak taşlı kedi yolları.

  3. 03Yaşayan şehir

    Her eve bağlı kediler sokakları keşfeder; verandalarda kitap okuyan sakinler var.

  4. 04Sakin ulaşım

    Trenler, nehir tekneleri, açılır köprüler, zeplinler ve kendi yol ağında dolaşan süzülen araçlar.

  5. 05Kolay yol yapımı

    Yolu fırçayla boya; dönüşler, kavşaklar ve çizgiler kendiliğinden oluşur.

  6. 06Gündüz ve gece

    Işığı değiştir, arayüzü gizle ya da Şehir Turu ile şehrini bir kedinin, teknenin veya zeplinin gözünden izle.

WebGPU destekli güncel tarayıcılarda çalışır, gerektiğinde otomatik olarak WebGL 2'ye geçer. Telefonda açılır; en rahat deneyim masaüstündedir.

Oyundan · itsyourtown.com

Aynı kamera,
gündüz ve gece.

Canlı oyundan ekran görüntüleri. Çizgiyi sürükle, güneşin yerini ay alsın.

Oyundan: dağların önünde şehir silueti, gündüz Oyundan: aynı açıdan gece; güneşin yerini ay almış, ufukta bir zeplin
Oyundan kuşbakışı: şehir, nehir, demiryolu ve tren, gündüz Oyundan kuşbakışı: aynı şehir gece
Kuşbakışı: nehir, demiryolu ve tren
Oyundan: gece istasyona giren tren
Gece istasyon
Oyun arayüzüyle birlikte gece görünümü
Oyun arayüzüyle
Oyundan: aynı mahalle gece
Mahalle, gece
Oyundan: nehir, demiryolu ve açılır köprüyle geniş görünüm
Geniş görünüm: nehir, demiryolu ve açılır köprü

Sakinler

Her evden
bir hikâye.

Verandada kitap, terasta yoga, parkta gitar. It's Your Town'ın sakinleri farklı yerlerden gelip aynı mahallede buluştu.

Mahallenin sakinleri yan yana: farklı yaş ve kültürlerden altı kişi, bir kedi ve bir robot

It's Your Town'da her ev bir sakin getirir ve her sakin kendi işine dalmıştır. Biri verandada kitabını okur, biri masasında laptopuyla çalışır. Bir başkası çatı terasında yoga yapar, bir diğeri kulaklığını takıp hamakta hafif hafif sallanır.

Sokaklar da boş kalmaz. Parkın bankında gri sakallı bir amca gitarını tıngırdatır, önündeki açık gitar kutusunda birkaç bozuk para durur. Meydanda başörtülü genç bir kadın üç renkli topu havada döndürür. Aralarında evlerinden çıkıp mahalleyi dolaşan kediler ve ekran yüzlü, tek tekerlekli küçük robotlar gezer.

Sakinlerimiz farklı kültürlerden, farklı yaşlardan ve farklı hayatlardan gelip aynı mahallede buluşmuş insanlar. Bu çeşitliliği kostümlerle değil; ten renkleri, saç dokuları, yüz hatları, yaşları ve günlük alışkanlıklarıyla anlatıyoruz. Hepsi aynı sevimli tasarım ailesinden: yumuşak, yuvarlak formlar, pastel renkler ve oyunun her köşesine uyan ortak bir ölçek.

Teknik olarak her sakin tek bir parça ve tek bir malzemeden oluşur, ortak bir iskeleti paylaşır. Böylece yeni bir aktivite eklemek kolaylaşır, kalabalık bir şehirde bile oyun akıcı kalır.

Verandada masada laptopla çalışan kasketli sakin
Verandada laptop
Parkta bankta gitar çalan gri sakallı amca, önünde açık gitar kutusu
Parkta gitar
Çatı terasında yoga yapan sakin
Terasta yoga
Farklı renklerde robotlar ve bir kedi sokakta, gündüz
Mahalle robotları
Üç topla jonglörlük yapan başörtülü genç kadın
Jonglör
Çatı terasında kulaklıklı genç, ahşap sehpalı hamakta sallanıyor
Hamakta
Evin verandasında kitap okuyan sakin
Verandada kitap
Turuncu lekeli sokak kedisi, ayakta
Sokak kedisi
Farklı renklerde robotlar ve bir kedi sokakta, gece
Robotlar, gece

3D vitrin

Döndür,
yakından bak.

Oyunun gerçek modelleri. Sürükleyerek döndür; kedi yürür, robot yuvarlanır, sakinler yoga yapar, hamakta sallanır, gitar çalar, top çevirir, enerji merkezinin rotoru döner.

  • 3D modeller yükleniyor…

    Sokak kedisi2 570 üçgen · 4 animasyon

  • 3D modeller yükleniyor…

    Mahalle robotu4 832 üçgen

  • 3D modeller yükleniyor…

    Laptoplu sakin5 343 üçgen

  • 3D modeller yükleniyor…

    Yoga yapan sakin4 921 üçgen

  • 3D modeller yükleniyor…

    Hamaktaki sakin6 075 üçgen

  • 3D modeller yükleniyor…

    Gitar çalan sakin6 457 üçgen

  • 3D modeller yükleniyor…

    Jonglör5 529 üçgen

  • 3D modeller yükleniyor…

    Kapsül ev14 852 üçgen

  • 3D modeller yükleniyor…

    Mahalle Enerji Merkezi10 168 üçgen

Asset üretim süreci

Her ev, kod satırlarından
inşa edilir.

It's Your Town'daki her bina, kedi ve sakin elle tıklanarak değil, tekrar çalıştırılabilen Blender scriptleriyle üretilir. Bir rengi, bir pencereyi ya da bir ölçüyü değiştirmek tek bir satır demek; bütün şehir aynı dili konuşmaya devam eder.

  1. 01Konsept

    Her şey bir görsel referansla başlar: bir ev hissi, bir kedi karakteri, bir yol dokusu. Görseller ilham kaynağıdır; geometri her zaman özgün üretilir.

  2. 02Plan

    Her asset için taban alanı, kat davranışı, malzeme rolleri ve üçgen bütçesi belirlenir. Ölçek sabittir: bir insan 0,60 birim, bir zemin kat 0,9 birim.

  3. 03Script ile üretim

    Model, headless Blender'da çalışan bir Python scriptiyle kurulur. Script animasyonları da üretir ve modelin zemine oturduğunu her karede kontrol eder.

  4. 04Doğrulama

    Ön, yan, üç çeyrek ve üstten render; evler ve trenle ölçek dizilimi; ardından oyunun kendi 3D motorunda test. Renkler oyunun gerçek gündüz ve gece ışığında ayarlanır.

  5. 05Teslim

    Onaylanan model sürüm numarasıyla dondurulur ve parmak izi (SHA256) ile kayda geçer. Değişiklik yeni bir sürümdür; eski sürümler silinmez.

Sakin için ön, yan, üst ve poz render sayfası
Dönüş sayfası · sakin
Kedi için ön, yan, üst ve poz render sayfası
Dönüş sayfası · kedi
Kedi, sakin ve ev ölçek karşılaştırması
Ölçek dizilimi
Yol stili: önceki görünüm ve iki öneri
Yol stili · önce ve sonra
Yol ucunda devam yönlerini gösteren üçgenler
Yol ucu okları
Oyun kataloğundan 20 yapı
Katalogdan 20 yapı

Tarayıcı için tasarlandı

  • Bir ev 5 ile 10 bin, bir kedi yaklaşık 4 bin üçgen.
  • Doku yerine tek malzeme ve köşe renkleri: indirme küçük, çizim hızlı.
  • Kediler paylaşılan parçalardan kurulur; bölgede kaç kedi olursa olsun aynı sayıda çizim çağrısı.
  • Sakinler tek parça, tek malzemeli iskelet modeli; kişi başına tek çizim.

Görsel dil

Pastel, modern ve yuvarlatılmış formlar. Fildişi gövdeler, bal rengi ahşap, opak turkuaz camlar, yeşil çatı bahçeleri ve sıcak gece ışıkları. Kir, gürültü ve fotogerçekçilik yok; her silüet oyun kamerasından, yukarıdan okunacak şekilde tasarlanır.

It's Your Town, Kivoai Creative'in küçük bir insan ve yapay zekâ ekibiyle geliştiriliyor: yaratıcı yönü ve kararları stüdyo verir; asset atölyesi, oyun geliştirme ve test ayrı roller olarak çalışır ve her adım ortak belgelerle kayda geçer.

Yapay zekâyla geliştirme

Birden fazla model,
tek bir proje hafızası.

Birden fazla yapay zekâ modelini, insan yönlendirmesi ve ortak bir proje hafızası etrafında bir araya getirerek küçük bir fikri yaşayan bir tarayıcı oyununa dönüştürmenin hikâyesi.

  1. 01Küçük ve tamamlanabilir

    Önce yapı yerleştirme ve kamera, ardından katlar, yollar, köprüler, araçlar ve şehirdeki yaşam. Her özellik mevcut deneyimin üzerine eklenip denendi.

  2. 02Ortak proje hafızası

    Codex, Claude ve GLM gibi modeller kodlama, hata analizi, optimizasyon ve tasarımda destek verdi. Merkezde sohbet geçmişi değil, proje klasöründeki belgeler vardı.

  3. 03Üretmek kadar kontrol etmek

    Bir modelin "tamamlandı" demesi yetmedi: her değişiklik ayrı bir inceleme turundan, testlerden ve gerçek şehirlerle oyun içi denemeden geçti.

  4. 04Kararlar insanda

    Oyunun nasıl hissettireceği, kapsam ve hangi önerinin uygulanacağı insan kararı. Modeller hızlandırdı; belgeler bu hızı düzenli tuttu.

Yazının tamamını oku

It's Your Town: Yapay zekâyla birlikte bir oyun geliştirmek

It's Your Town, yalnızca şehir kurmak için değil, kurduğun şehrin içinde biraz vakit geçirmek için tasarladığım bir tarayıcı oyunu. Binaları yerleştirmek, sokakları oluşturmak ve şehrin büyümesini izlemek deneyimin bir parçası. Diğer parçasıysa müzik dinlerken bir kedinin, teknenin, trenin ya da zeplinin gözünden o şehri seyretmek.

Projeyi geliştirirken amacım, yıllarca kapalı kapılar ardında hazırlanacak büyük bir oyun yapmak değildi. Önce küçük ama tamamlanabilir bir deneyim oluşturmak, ardından onu yeni yapılar, animasyonlar ve mekaniklerle geliştirmek istedim.

Fikirden çalışan bir şehre

Oyunun teknik temelinde TypeScript, Three.js ve Vite bulunuyor. Üç boyutlu dünya tarayıcıda çalışıyor; Blender'da hazırlanan modeller ise oyuna uygun biçimde dışa aktarılıp bu dünyaya ekleniyor.

Geliştirme sürecini küçük adımlara böldüm. Önce yapı yerleştirme ve kamera kontrolleri, ardından kat sistemi, yollar, köprüler, hareketli araçlar ve şehirdeki yaşam geldi. Her yeni özellik, mevcut deneyimin üzerine eklenerek denendi.

Bu yaklaşım tasarım kararlarını da etkiledi. Örneğin binaları serbestçe ölçeklendirmek yerine, şehir büyüdükçe daha yüksek katların açıldığı bir sistem seçtim. Böylece hem teknik karmaşıklığı sınırlamak hem de şehrin dengeli biçimde yükselmesini sağlamak mümkün oldu.

Birden fazla model, ortak bir proje hafızası

Bu projede yapay zekâyı tek seferlik kod üreten bir araç olarak değil, farklı görevlerde destek alabildiğim geliştirme ortakları olarak kullandım. Codex, Claude ve GLM gibi modellerden kodlama, hata analizi, optimizasyon ve tasarım süreçlerinde yararlandım. Ürün yönü, öncelikler ve son kararlar ise bende kaldı.

Buradaki asıl mesele modelleri aynı anda çalıştırmak değil, birbirlerinin yaptığı işi anlayabilmelerini sağlamaktı. Sohbetlerin hafızaları ayrı; proje ise tek. Bu nedenle sürecin merkezine konuşma geçmişini değil, proje klasöründeki dokümantasyonu koydum.

Markdown belgeleriyle projenin mimarisini, tasarım kararlarını, görev sınırlarını, test sonuçlarını ve açık kalan sorunları kaydettik. Belge indeksleri hangi bilginin nerede olduğunu gösterirken, kısa proje hafızası kayıtları yeni bir oturumun güncel durumu öğrenmesini sağladı.

Böylece bir modelin bıraktığı işi başka bir model, bütün sohbeti yeniden anlatmama gerek kalmadan inceleyebildi. Modellerin sürekli birbirleriyle konuşmasına değil, ortak ve takip edilebilir bir kayıt düzenine dayanan bir çalışma biçimi oluştu.

Kod üretmek kadar kontrol etmek de önemli

Bir modelin "tamamlandı" demesini tek başına yeterli kabul etmedim. Değişiklikleri başka bir inceleme turundan geçirmek, testlerle sınamak ve oyunun içinde görmek sürecin önemli bir parçası oldu.

Özellikle performans çalışmalarında bunun değerini gördüm. Bir optimizasyon işlem yükünü azaltırken seçim çerçevelerini, hareketli nesneleri veya hata durumundaki çizimi bozabiliyor. Bu yüzden yalnızca FPS'ye değil, oyuncunun gördüğü davranışın korunmasına da baktık.

Kendi kurduğum şehirleri test verisi olarak kullandım. Görsel olarak fark ettiğim sorunları ekran görüntüleri, videolar ve şehir kayıtlarıyla aktardım. Böylece incelemeler yalnızca küçük, kontrollü örneklerde değil, gerçekten oynarken oluşan şehirlerde de yapılabildi.

Kontrol bende, katkı birden fazla yerde

Bu çalışma biçiminde benim rolüm yalnızca prompt yazmak değildi. Oyunun nasıl hissettirmesi gerektiğini belirlemek, kapsamı sınırlamak, sonuçları denemek ve hangi önerinin uygulanacağına karar vermek sürecin merkezindeydi.

Yapay zekâ modelleri geliştirmeyi hızlandırdı; dokümantasyon ise bu hızın dağınıklığa dönüşmesini önlemeye yardımcı oldu. Yerel geliştirme, GitHub'a gönderim ve canlıya alma aşamalarını ayrı tutmak da değişiklikleri daha kontrollü yönetmemi sağladı.

Kapanış

It's Your Town benim için hem bir oyun hem de bir üretim yöntemi denemesi: farklı modellerin katkısını, insan yönlendirmesi ve ortak bir proje hafızası etrafında bir araya getirerek küçük bir fikri yaşayan bir deneyime dönüştürmek.

Hayalimiz

İnsanların ve doğanın
rahat ettiği bir şehir.

It's Your Town'un hayali, umut veren bir şehir: yürünebilir sokaklar, paylaşılan alanlar, temiz ulaşım ve yerinde üretim. Arabaların değil insanların ve kedilerin sokağı; kendi enerjisini, suyunu ve gıdasını üreten mahalleler. Soğuk megayapılar değil; vadide, nehir kıyısında, ağaçların arasında büyüyen insan ölçeğinde bir yaşam.

Kavşaktan bakış: çok katlı evler, yaya geçitleri ve kubbeli bilim merkezi Sokak seviyesinden gece: kavşak, hilal ve yıldızlar

Üzerinde çalıştığımız yön

  • Her ev bir hayat getirir

    Yerleştirdiğin her evle bir sakin gelir: verandada kitap okuyan, terasta yoga yapan, hamakta sallanan. Şehir büyüdükçe daha kalabalık değil, daha canlı hissettirir.

  • Sokaklar yaşayanlara ait

    Bugün sokakları kediler keşfediyor; zamanla sakinler de sokağa çıkabilir, kafelerde buluşabilir, parklarda dinlenebilir.

  • Kendi kendine yeten mahalleler

    Güneş panelleri, rüzgâr türbinleri, seralar ve çatı bahçeleri dekor değil, mahallenin hikâyesinin parçası.

  • Sakin ulaşım ağı

    Tren, nehir tekneleri, askılı ray ve zeplinler şehri birbirine bağlar; trafik sessizce akar.

  • Herkes için erişilebilir

    Kurulum yok, hesap yok, tarayıcı yeter. Hedef, zayıf bilgisayarlarda ve telefonlarda da akıcı çalışan bir şehir.

  • Birlikte büyüyen bir oyun

    Şehir, onu oynayan insanlarla birlikte büyür; yeni yapılar, karakterler ve hikâyeler oyuncuların şehirleriyle şekillenir.

Küçük bir dünya kurmak kolay olmalı. Ve o dünya, içinde yaşamak isteyeceğin bir yer olmalı.

Şehrin seni bekliyor.

Tarayıcıda aç, ilk evini koy. Kurulum yok, hesap yok.

Oyna ↗