Playroom: Retro 3B Tarayıcı Atölyesi

“Playroom” adlı eksiksiz ve oynanabilir bir tarayıcı atölyesi oluşturun. Tasarımda 1980'lerin sonlarını anımsatan bir donanım estetiği ile ölçülü, çağdaş bir editoryal arayüzü birleştirin. Görselleştirme için Three.js kullanın; CRT monitör, konsol ünitesi, kontrolcü ve oyun kartuşları için ayrı GLB varlıkları yükleyin. Statik bir maket değil, çalışan bir deneyim sunun. Sanat yönetimi: sıcak kirli beyaz bir arka plan, eskitilmiş fildişi plastik, kömür grisi ayrıntılar, yumuşak adaçayı yeşili, tozlu terakota ve solgun mavi kullanın. Başlıklarda Space Grotesk, küçük etiketlerde DM Mono kullanın. İnce ayırıcı çizgiler, bol beyaz alan, zarif teknik açıklamalar ve kompakt bir gezinme yapısı ekleyin. Neon siberpunk stilinden, parlak gösterge paneli kartlarından ve aşırı gradyan kullanımından kaçının. Ana sayfa, özenle düzenlenmiş bir ürün fotoğrafını andırmalı. CRT'yi belirgin biçimde sağa, konsolu sola yerleştirin; dik duran bir kartuş konsola güvenli şekilde takılı olsun, kontrolcü de önde bulunsun. Cihazları, gerçek soketlerinde birleşen kıvrımlı kablolarla bağlayın. Yumuşak yönlü aydınlatma, inandırıcı temas gölgeleri, yuvarlatılmış kenarlar ve hafif pürüzlü plastik malzemeler kullanın. Nesnelerin birbiriyle kesişmesini önleyin. Ana sayfaya yavaş, sinematik bir sağa-sola yörünge hareketi verin. Kullanıcıların sürükleyerek görünümü döndürmesine izin verin; ardından hareketsiz hareket yumuşak biçimde devam etsin. Seçili donanım ayrıntılarının çevresinde yavaşça ilerleyen, ölçülü veri darbeleri ekleyin. CRT, küçük bir maskotun yer aldığı, döngü halinde oynayan piksel sanatlı bir bekleme sahnesi; zarif tarama çizgileri ve “PLAYER ONE” tipografisi göstermeli. Maskot yüzlerinde sağlanan sarı T ve beyaz V logosunu doğru biçimde kullanın. Öne çıkan bir “POWER ON” düğmesine basılması veya konsol sahnesine tıklanması, tek ve kesintisiz bir geçiş başlatmalı. Kamerayı CRT ekranına doğru yumuşakça yaklaştırın, animasyonlu bir veri akışı başlatın ve sahneyi kademeli olarak tüm görüntü alanını kaplayacak şekilde genişletin. Geçiş boyunca üst ve alt kenarları kapalı tutun. Kartuş koleksiyonunu, bir anda beliren katman veya ani kamera sıçraması kullanmadan, karanlıktan aydınlığa yumuşak bir geçişle gösterin. Koleksiyonda üç farklı, dik duran kartuş bulunur: adaçayı yeşili Snake, terakota Breakout ve mavi Blocks. Her birinde net kapak tipografisi ve üzerinde konumlanmış küçük, animasyonlu bir maskot olsun. Hafif salınım, üzerine gelince yükselme ve nazik bir eğilme hareketlerini kullanın. Hem 3B kartuşlara tıklamayı hem de altlarında yer alan erişilebilir metin düğmelerini destekleyin. Her seçim, oynanabilir bir oyun arayüzü açmalı. Snake'te yiyecek zincirleri ve süreli bonus meyveler bulunmalı. Breakout'ta birden fazla tuğla düzeni ile raket veya çoklu top güçlendirmeleri bulunmalı. Blocks'ta bir sonraki parçanın önizlemesi, iniş hayaleti ve satır temizleme puanlaması bulunmalı. Açık talimatlar, puanlar, duraklatma, yeniden başlatma ve geri dönme gezinmesi sağlayın. Klavye kontrollerini ve dokunmatik düğmeleri destekleyin; yerel en iyi skorların kalıcı olarak saklanmasını sağlayın. Ekran içeriğini ve kartuş etiketlerini ayrı çalışma zamanı dokuları olarak tutun; böylece metin keskinliğini korusun. Etkileşim ve maskot animasyonu için adlandırılmış model parçalarını koruyun. Yükleme geri bildirimi, 3B varlıklar yüklenemezse kullanılabilir bir yedek deneyim, duyarlı düzenler, görünür klavye odağı ve azaltılmış hareket desteği ekleyin. Projeyi temiz biçimde düzenleyin, üç oyunu ve geçişlerin tamamını doğrulayın; GitHub ve Vercel dağıtımına hazır hale getirin.