Okurun hikâyeye katıldığı 3D web deneyimi

Brief

The Amalgaverse, yazar ve yapımcı Joseph Mallozzi'nin X'te her gün yayımladığı bir hikâye serisi. Her bölümün sonunda okurlar yanıtlarla oy veriyor ve hikâye o yöne ilerliyor. Serinin bir web sitesi yoktu; bölümler, kararlar ve kurallar X akışının içinde dağınık kalıyordu.

Yazarın izniyle bir hayran sitesi kurduk. Bu bir müşteri işi değil; kendi girişimimizle yaptığımız ve yayınladığımız bir proje. Yazar sitenin müşterisi ya da sponsoru değil.

Hedef iki kitleydi: seriyi X'te zaten takip edenler ve hikâyeye sonradan katılıp geçmiş kararları öğrenmek isteyen yeni okurlar.

Ne yaptık

Altı sayfalık bir site tasarlayıp kodladık: Ana sayfa, Mission 01, Mission 02, Crew, How to Play ve Origins. Sayfalar arasında geçiş uygulama gibi çalışıyor; sayfa yeniden yüklenmediği için ses ve 3D sahne kesilmeden devam ediyor.

Ana sayfa, Three.js ile gerçek zamanlı çizilen bir uzay gemisi köprüsü. Ziyaretçi burada mürettebatın 20. üyesi olarak karşılanıyor ve bir sonraki bölüme kalan süreyi kendi saat dilimine göre görüyor. Siteye ilk kez gelenler için atlanabilir bir açılış sahnesi var.

Mission 01 sayfası hikâyenin 26 kararını, her birinin X gönderisine ve yazarın blog yazısına bağlantı vererek sırayla listeliyor. Mission 02'de her bölümün kendi 3D sahnesi var. Crew sayfası 20 kişilik mürettebatı tanıtıyor; How to Play oylamanın nasıl işlediğini anlatıyor.

Müzik ve ses efektleri de bu proje için üretildi: açılış, ortam sesi, köprü döngüsü ve kısa uyarı sesleri. Ses, ziyaretçi açana kadar kapalı kalıyor.

Öne çıkanlar

• WebGL desteklemeyen tarayıcılar için sade bir yedek görünüm var; hareket azaltma tercihi açıksa sahneler sakinleşiyor.
• Site statik HTML, CSS ve JavaScript ile yazıldı; ek bir çatı (framework) kullanılmadı.
• Sosyal medya kartları, favicon seti ve web manifesti hazırlandı.
• Yayın, Docker imajı ve GitHub Actions ile yapılıyor: ana dal test adresine, sürüm etiketleri amalgaverse.link'e çıkıyor.
• İlk sürüm 18 Ekim 2026'da, Mission 02 ile gelen ikinci sürüm üç gün sonra yayına girdi.

Hikâye, karakterler ve görseller ilgili hak sahiplerine aittir; site hiçbir stüdyoyla bağlantılı değildir.