Neler yeni
XenForo Bannerlar
Modern AdBlock Uyarısı

Foruma hoş geldin, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Web geliştirme Uzay Macerası- Mini Browser Oyunu

Fatih Bulut

Süper Üye
Katılım
6 Kas 2021
Mesajlar
4,290
Tepkime puanı
5,669
Puanları
113
Yaş
32
Konum
Türkiye
Dc
fatihbulut
Aşağıda, tam teşekküllü bir HTML5 Canvas tabanlı uzay temalı mini browser oyunu kodu bulacaksınız. Bu oyun, uzay aracı kontrolü, düşmanlardan kaçınma, puan toplama ve seviye atlama mekaniklerini içermektedir.

2025-04-07 07_09_21-Uzay Macerası.png

2025-04-07 07_09_28-Uzay Macerası.png


Oyun Özellikleri​

  1. Uzay Temalı Aksiyon: Uzay gemisi kontrolü ve düşmanlarla savaş mekaniği
  2. Çoklu Güç Artırıcılar:
    • Hızlı Ateş: Daha hızlı ateş etme yeteneği
    • Kalkan: Geçici hasara karşı koruma
    • Ekstra Can: Oyuncuya +1 can verir
    • Bonus Puan: Ekstra puan kazandırır
  3. Gelişmiş Görsel Efektler:
    • Parçacık tabanlı patlama efektleri
    • Yıldız arka planı
    • Neon aydınlatma efektleri
    • Gezici güç artırıcılar
  4. Oyun Mekanikleri:
    • Seviye atlama sistemi
    • Zorluk artışı (seviye ilerledikçe düşmanlar hızlanır)
    • Puanlama sistemi
    • Can (health) yönetimi
  5. Kapsamlı UI:
    • Başlangıç, oyun içi ve bitiş ekranları
    • Gerçek zamanlı istatistik takibi
    • Güç artırıcı zamanlayıcı
    • Seviye geçiş ekranları
  6. Kontrol Seçenekleri:
    • Klavye kontrolleri (ok tuşları + boşluk)
    • Mobil dokunmatik kontroller
    • Oyun duraklatma özelliği

Nasıl Oynanır?​

  1. Kontroller:
    • Ok tuşları veya WASD ile uzay geminizi hareket ettirin
    • Boşluk tuşu veya ekranın alt kısmına dokunarak ateş edin
    • 'P' tuşu ile oyunu duraklatabilirsiniz
  2. Amaç:
    • Düşman gemilerini yok ederek puan toplayın
    • Güç artırıcıları toplayarak avantaj sağlayın
    • Mümkün olduğunca uzun süre hayatta kalarak yüksek skor elde edin
  3. Güç Artırıcılar:
    • Hızlı Ateş: Mermi atış hızınız artar
    • Kalkan: 10 saniye boyunca düşman çarpmalarına karşı korunursunuz
    • Ekstra Can: +1 can kazanırsınız (maksimum 5 can)
    • Bonus Puan: Ekstra puan kazanırsınız

Teknik Özellikler​

  1. HTML5 Canvas: Yüksek performanslı grafik işleme
  2. Tam Responsive Tasarım: Masaüstü ve mobil uyumlu
  3. Modern CSS: CSS değişkenleri, animasyonlar ve geçiş efektleri
  4. JavaScript OOP: Nesne yönelimli programlama yaklaşımı
  5. Yerel Depolama: Yüksek skorları saklama (tam implementasyon için genişletilebilir)

Özelleştirme Önerileri​

  1. Ses Efektleri: Web Audio API ile gerçek ses efektleri ekleyin
  2. Yüksek Skor Tablosu: Yerel depolama kullanarak en yüksek skorları kaydedin
  3. Ekstra Seviyeler: Farklı düşman türleri ve seviye tasarımları ekleyin
  4. Boss Savaşları: Belirli seviyelerde boss düşmanlar ekleyin
  5. Çok Oyunculu Mod: WebSockets ile çok oyunculu desteği ekleyin
Bu oyun, modern web teknolojileri kullanılarak geliştirilmiş olup, hem eğlenceli hem de bağımlılık yapıcı bir oyun deneyimi sunmaktadır.

Gizli içerik
Bu içeriği görmek için cevap yazmalısınız.
 

Forumdan daha fazla yararlanmak için giriş yapın yada üye olun!

Forumdan daha fazla yararlanmak için giriş yapın veya kayıt olun!

Kayıt ol

Forumda bir hesap oluşturmak tamamen ücretsizdir.

Şimdi kayıt ol
Giriş yap

Eğer bir hesabınız var ise lütfen giriş yapın

Giriş yap

Tema düzenleyici

Tema özelletirmeleri

Grafik arka planlar

Granit arka planlar