Skip to content

guest666-code/HTML5-Pong-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Oyunun İsmi (HTML5 Pong Game)

Bu proje, modern web teknolojileriyle geliştirilmiş ve PWA (Progressive Web App) desteğine sahip bir web oyunudur. Tarayıcı üzerinden oynanabildiği gibi, mobil veya masaüstü cihazlara bir uygulama gibi kurulabilir.

🚀 Özellikler

  • PWA Desteği: Çevrimdışı oynanabilirlik ve cihaz ana ekranına eklenebilme özelliği.
  • Hızlı ve Hafif: Optimize edilmiş varlıklar (assets) ile anında yükleme.
  • Duyarlı (Responsive) Tasarım: Hem mobil hem de masaüstü ekranlarla tam uyumlu.

📁 Proje Yapısı ve Görseller

Projenin kök dizininde veya /assets klasöründe yer alan önemli yapı taşları:

  • index.html - Oyunun ana giriş ekranı.
  • manifest.json - PWA kurulum ve tema ayarları.
  • sw.js - Çevrimdışı çalışmayı sağlayan Service Worker dosyası.
  • pack_icon.png - Uygulamanın ana ekran ikonu (PWA manifestosu tarafından kullanılır).

🛠️ Kurulum ve Yerel Geliştirme

Projeyi kendi bilgisayarınızda çalıştırmak için aşağıdaki adımları takip edebilirsiniz:

  1. Projeyi bilgisayarınıza indirin veya klonlayın.
  2. PWA ve Service Worker özelliklerinin düzgün çalışabilmesi için projeyi bir yerel sunucu (Local Server) ile açmanız gerekir:
    • VS Code kullanıyorsanız: Live Server eklentisini kullanabilirsiniz.
    • Python yüklüyse: Terminalde python -m http.server komutunu çalıştırabilirsiniz.
  3. Tarayıcınızdan http://localhost:8000 (veya sunucunuzun verdiği adresi) ziyaret edin.

📱 PWA Olarak Yükleme

  • Masaüstünde (Chrome/Edge): Adres çubuğunun sağ tarafında çıkan Yükle (Install) butonuna tıklayarak bilgisayarınıza uygulama olarak ekleyebilirsiniz.
  • Mobil Cihazlarda (Android/iOS): Tarayıcı seçeneklerinden "Ana Ekrana Ekle" seçeneğini kullanarak oyunu telefonunuza bir uygulama gibi kurabilirsiniz.

📄 Lisans

Bu proje MIT lisansı altında korunmaktadır. İstediğiniz gibi geliştirebilir ve değiştirebilirsiniz.

Releases

Packages

Contributors

Languages