Skip to content

NuhDemir/2048_Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Elbette, projeniz için hem Türkçe hem de İngilizce olarak hazırlanmış profesyonel bir Markdown metnini aşağıda bulabilirsiniz. Bu metni projenizin README.md dosyası olarak GitHub'a ekleyebilirsiniz.


2048 Oyunu | 2048 Game

Bu proje, popüler bulmaca oyunu 2048'in saf HTML, CSS ve JavaScript kullanılarak oluşturulmuş web tabanlı bir versiyonudur.

This project is a web-based implementation of the popular puzzle game 2048, built with pure HTML, CSS, and JavaScript.

Canlı Demo / Live Demo: https://2048-gamex.netlify.app/


Türkçe

🎮 Proje Hakkında

Bu proje, klasik 2048 oyununun modern ve duyarlı bir arayüze sahip versiyonudur. Oyuncular, 4x4'lük bir ızgara üzerinde numaralandırılmış karoları birleştirerek 2048 sayısına sahip karoyu oluşturmaya çalışır. Proje, herhangi bir harici kütüphane veya framework kullanılmadan, sadece temel web teknolojileri ile geliştirilmiştir.

✨ Özellikler

  • Duyarlı Tasarım: Masaüstü, tablet ve mobil cihazlarda sorunsuz bir oyun deneyimi sunar.
  • Skor Takibi: Mevcut oyun skorunu ve ulaşılan en yüksek skoru (Best Score) gösterir.
  • Klavye ve Dokunmatik Kontroller: Masaüstü kullanıcıları için ok tuşları, mobil kullanıcılar için kaydırma (swipe) hareketleri ile kontrol edilebilir.
  • Oyun Durumunu Kaydetme: Oyun durumu tarayıcının yerel depolama biriminde (Local Storage) saklanır. Böylece sayfayı yenilediğinizde veya kapattığınızda kaldığınız yerden devam edebilirsiniz.
  • Kazanma ve Kaybetme Bildirimleri: 2048 karosuna ulaştığınızda veya hareket edecek hamle kalmadığında animasyonlu bildirimler gösterilir.
  • Akıcı Animasyonlar: Karoların birleşmesi ve yeni karoların oluşması sırasında akıcı CSS animasyonları içerir.

🚀 Kullanılan Teknolojiler

  • HTML5: Sayfanın yapısal iskeleti için kullanıldı.
  • CSS3: Stil, animasyonlar (keyframes) ve duyarlı tasarım (media queries) için kullanıldı.
  • Vanilla JavaScript (ES6+): Oyunun tüm mantığı, olay yönetimi ve DOM manipülasyonu için kullanıldı.

🕹️ Nasıl Oynanır?

  1. Karoları hareket ettirmek için klavyenizdeki ok tuşlarını kullanın veya dokunmatik ekranda kaydırın.
  2. Aynı sayıya sahip iki karo birleştiğinde, toplamları değerinde yeni bir karo oluşur ve skorunuz artar.
  3. Boş bir alana her hamleden sonra rastgele 2 veya 4 değerinde yeni bir karo eklenir.
  4. Amacınız, 2048 karosunu oluşturmaktır!

English

🎮 About The Project

This project is a version of the classic 2048 game with a modern and responsive interface. Players attempt to create the 2048 tile by combining numbered tiles on a 4x4 grid. The project was developed using only fundamental web technologies, without any external libraries or frameworks.

✨ Features

  • Responsive Design: Offers a seamless gaming experience on desktop, tablet, and mobile devices.
  • Score Tracking: Displays the current game score and the all-time best score.
  • Keyboard and Touch Controls: Controllable via arrow keys for desktop users and swipe gestures for mobile users.
  • Game State Saving: The game state is saved in the browser's Local Storage, allowing you to resume where you left off even after refreshing or closing the page.
  • Win & Lose Notifications: Animated notifications are displayed upon reaching the 2048 tile or when there are no more possible moves.
  • Smooth Animations: Includes fluid CSS animations for tile merging and new tile appearances.

🚀 Tech Stack

  • HTML5: Used for the structural skeleton of the page.
  • CSS3: Used for styling, animations (keyframes), and responsive design (media queries).
  • Vanilla JavaScript (ES6+): Used for all game logic, event handling, and DOM manipulation.

🕹️ How To Play

  1. Use the arrow keys on your keyboard or swipe on a touchscreen to move the tiles.
  2. When two tiles with the same number merge, they combine into a new tile with their sum, and your score increases.
  3. After each move, a new tile with a value of either 2 or 4 is randomly added to an empty spot.
  4. Your goal is to create the 2048 tile

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published