İçeriğe geç
Tüm işler
06Yaratıcı Araç · Bağımsız Proje

GetChessMemes

Bir satranç oyununu, insanların gerçekten paylaşmak isteyeceği kısa bir videoya dönüştürmek.

Platform
Web
Teknolojiler
Next.js · TypeScript · Stockfish · HTML Canvas · Cloudflare Pages
Rolüm
Ürün konsepti, frontend geliştirme, satranç verisinin işlenmesi, tarayıcıda video üretimi, etkileşim tasarımı ve yayına alma.
İllüstrasyon
01

Genel bakış

GetChessMemes, gerçek bir oyunu popüler satranç Shorts ve Reels videoları tarzında 9:16 ya da 1:1 bir mem videosuna dönüştürüyor. Kritik anlar öne çıkıyor, hatalar doğru tepkiyi alıyor ve oyun hak ettiği bir finalle bitiyor.

02

Problem

Satranç mem videoları izlemesi keyifli ama hazırlaması zahmetli. Bir tanesini elle kurgulamak; kritik anları bulmayı, tepkileri hamlelere denk getirmeyi ve her şeyi kısa, dikey bir formata sığdırmayı gerektiriyor.

03

Yaklaşım

Hikâyeyi motor bulsun. Oyuncular oyunlarını getiriyor; format, tarz ve uzunluk seçiyor. Araç videonun nereden başlayacağına ve hangi anların mem alacağına karar veriyor, ama yönetmen koltuğunu kullanıcıya bırakıyor.

04

Mühendislik

İşin büyük kısmı tarayıcıda gerçekleşiyor; bu da ürünü işletmesi kolay ve varsayılan olarak gizliliğe saygılı kılıyor.

  • E.01

    Motorla kurgu

    Stockfish her oyunu analiz ederek belirleyici bölümü ve en büyük hataları buluyor; böylece video önemli olana odaklanıyor.

  • E.02

    Her oyun getirilebilir

    Son oyunlar chess.com ya da lichess'ten kullanıcı adıyla çekilebiliyor; her biri matlar, sürprizler ve kısa oyunlar gibi ölçütlere dayanan bir “mem potansiyeli” puanı taşıyor. Link, PGN ve FEN de destekleniyor.

  • E.03

    Yerelde üretim ve saklama

    Videolar ziyaretçinin tarayıcısında üretiliyor ve IndexedDB'de saklanıyor. Hiçbir zaman bir sunucuya ulaşmıyor.

  • E.04

    Zahmetsiz yeniden üretim

    Memleri yeniden karıştırmak ya da 9:16 ile 1:1 arasında geçiş yapmak, baştan başlamak yerine önbellekteki analizi kullanıyor.

  • E.05

    Gerçek referanslardan kurallar

    Kurgu kuralları, popüler referans videoların kare kare incelenmesiyle çıkarıldı ve koda dönüştürüldü.

05

Rolüm

Ürün konsepti, frontend geliştirme, satranç verisinin işlenmesi, tarayıcıda video üretimi, etkileşim tasarımı ve Cloudflare Pages üzerinde yayına alma.

06

Sonuç

getchessmemes.com adresinde yayında olan, bir oyunu birkaç adımda paylaşmaya hazır bir videoya dönüştüren araç.