A simple 2D sprite-based game built with Three.js

Latest Version

Version
1.0
Update
December 30, 2024
Size
314KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
Türkçe
See more
Permissions
Storage
ActiveTab
See more

Kick Game Extension

Oyun Konsepti: Kick.com İçin İnteraktif Karakter Animasyonu

Bu oyun, kullanıcıların Kick.com üzerindeki içeriklerle daha etkileşimli bir deneyim yaşamasını sağlar. Oyun, tarayıcı uzantısı aracılığıyla aktif hâle gelir ve Kick.com üzerinde bir video izlenirken, oyuncuların kontrol edebileceği bir karakteri video oynatıcısının üzerine ekler. Kullanıcılar, bu karakteri klavye veya uzantı arayüzü üzerinden yönlendirebilir ve çeşitli animasyonlarla (ör. koşma, saldırma, bekleme) etkileşimde bulunabilir.
Oyun Özellikleri
1. Kontrol Edilebilir Karakter

Oyun başlatıldığında, bir karakter (örneğin bir iskelet savaşçı) video oynatıcısının üzerine yerleştirilir.
Kullanıcı, klavye tuşlarıyla karakteri hareket ettirir (WASD veya ok tuşları).
Karakter, belirli animasyonlarla (Idle, Running, Attack, Dying, vb.) görsel bir şov sunar.

2. Zengin Animasyon Seti

Karakterin toplamda 15+ animasyon durumu bulunmaktadır:
Idle (Bekleme): Karakter hareketsizken sürekli oynayan bir animasyon.
Running (Koşma): Sağ veya sola hareket ederken tetiklenir.
Attack (Saldırı): Kullanıcı belirli bir tuşa bastığında kısa bir saldırı animasyonu oynar.
Dying (Ölüm): Kullanıcı belirli bir aksiyonu başlatırsa veya oyun sonlandırılırsa oynayan animasyon.
Diğer durumlar: Zıplama, Savunma, Kayıp Düşme gibi.

3. Uzantı Entegrasyonu

Tarayıcı Uzantısı:
Oyuncular, uzantı arayüzü üzerinden karakter animasyonlarını tetikleyebilir (örneğin bir “Saldırı” butonuna tıklayarak “Attack” animasyonunu başlatma).
Uzantı ayrıca oyunun temel kontrol mekanizmalarını sağlar.
Kick.com ile Entegrasyon: Oyun, yalnızca Kick.com üzerinde çalışır ve başka sitelere müdahale etmez.

4. Gerçek Zamanlı Etkileşim

Oyun, kullanıcı girdilerini gerçek zamanlı olarak işler. Klavyeden alınan hareket komutları, animasyonun kesintisiz ve akıcı bir şekilde tetiklenmesini sağlar.
Her animasyon tamamlanmadan bir sonraki animasyona geçmez (örneğin, bir saldırı animasyonu 0.5 saniye sürer ve yarıda kesilmez).

5. Performans ve Stabilite

Oyun sahnesi, yüksek performanslı Three.js grafik motoru kullanılarak oluşturulmuştur.
FPS göstergesi sayesinde, oyuncular oyunun performansını gerçek zamanlı olarak takip edebilir.
Oyun ve uzantı arasında veri aktarımı Messaging API ile sağlanır ve güvenlidir.

Oyun Kontrolleri

WASD/Ok Tuşları: Karakterin hareketi (Yukarı, Aşağı, Sağ, Sol).
R: Saldırı (Attack).
Shift: Koşma modu.
Uzantı Tetikleyicileri: Uzantı üzerinden “Idle”, “Attack” gibi animasyonlar doğrudan seçilebilir.

Hedef Kitle

Kick.com Kullanıcıları: Kick üzerinde içerik tüketen ve bu deneyimi eğlenceli bir şekilde zenginleştirmek isteyen kullanıcılar.
Oyun Tutkunları: Tarayıcı tabanlı mini oyunlardan hoşlanan kişiler.
Streamer İzleyicileri: Yayıncıların içeriklerine etkileşim katmak isteyen izleyiciler.

Geliştirme ve Teknik Detaylar

Three.js: Oyunun sahnesi, sprite yönetimi ve animasyonları için kullanılıyor.
Chrome Uzantısı (Manifest V3): Uzantı, oyunu sadece hedef web sitesi (Kick.com) üzerinde çalıştıracak şekilde yapılandırıldı.
Messaging API: Uzantı ve içerik arasında animasyon kontrolü için güvenli mesajlaşma altyapısı.
FPS Performans Göstergesi: Oyun sahnesinin verimliliğini gerçek zamanlı olarak izlemek için bir performans izleyici eklendi.

Oyunun Amaçları

Eğlence ve Katılım: Kullanıcıların Kick.com üzerindeki deneyimlerini daha eğlenceli ve interaktif hâle getirmek.
Minimal ve Kullanıcı Odaklı: Sade bir mekanik ile kullanımı kolay, karmaşıklıktan uzak bir oyun sunmak.
Anlık Kontrol ve Etkileşim: Kullanıcılara gerçek zamanlı geri bildirim ve hareket deneyimi sağlamak.

Bu ayrıntılar, oyunun hem teknik yapısını hem de kullanıcıya sunduğu deneyimi tam olarak tanımlar ve tarayıcı uzantısının amacını açık bir şekilde ortaya koyar.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Kick Game", "description": "A simple 2D sprite-based game built with Three.js", "version": "1.0", "action": { "default_popup": "view/inventory.html", "default_icon": { "16": "assets/icon16x16.png", "48": "assets/icon48x48.png", "128": "assets/icon128x128.png" } }, "content_scripts": [ { "matches": [ "https://kick.com/*" ], "js": [ "content/content.1735393225354.bundle.js" ] } ], "background": { "service_worker": "background/background.1735393225354.bundle.js" }, "permissions": [ "storage", "activeTab" ], "web_accessible_resources": [ { "resources": [ "https://c.hbrcy.co/images/*", "assets/*" ], "matches": [ "https://kick.com/*" ] } ], "icons": { "16": "assets/icon16x16.png", "48": "assets/icon48x48.png", "128": "assets/icon128x128.png" }}
Read more

Similar Extensions