Türkiyeramazancetinkaya/tictactoe
Challenge a smart, heuristic-based AI in this sleek Tic-Tac-Toe game. Built with zero dependencies using only vanilla JS, HTML, and CSS.
🎮 Tic-Tac-Toe thuần tay, thách thức AI thông minh
Trò chơi Tic-Tac-Toe kinh điển với thiết kế hiện đại và AI ba cấp độ khó, không cần bất kỳ framework nào.
Đây là một phiên bản Tic-Tac-Toe được xây dựng bằng HTML5, CSS3 (thuần) và JavaScript ES6+. Người chơi có thể chọn đóng X hay O và đối đầu với AI ở ba mức độ khó tùy chỉnh khác nhau. Trò chơi hoàn toàn chạy offline, không phụ thuộc bên ngoài, phù hợp cho mọi thiết bị nhờ thiết kế responsive.
✨ Điểm nổi bật
- Đối kháng AI ba cấp độ: Dễ, Trung bình, Khó — mỗi cấp độ có hành vi khác nhau.
- Chọn biểu tượng: Người chơi có thể chọn đóng vai X hoặc O trước khi bắt đầu.
- Thiết kế responsive: Hỗ trợ đầy đủ trên điện thoại, máy tính bảng và máy tính để bàn.
- Theo dõi điểm số: Ghi nhận thắng, thua và trận hòa trong suốt phiên chơi.
- Tốc độ di chuyển AI có thể điều chỉnh: Tạo cảm giác tự nhiên khi đối thủ "nghĩ".
- Không dùng Minimax: AI sử dụng hệ thống heuristic dựa trên ưu tiên chiến lược thay vì thuật toán tìm kiếm.
💡 Vì sao đáng chú ý
AI không dựa trên Minimax mà là một hệ thống chuyên gia heuristic, đánh giá trạng thái bàn cờ theo thứ tự ưu tiên chiến lược rõ rệt. Ở mức độ khó nhất, AI sẽ tuân thủ danh sách ưu tiên cố định: thắng trước, chặn thắng đối phương, tạo cơ hội chia nhánh (fork), chặn cơ hội của đối phương, rồi mới đi đến kiểm soát vị trí chiến lược như trung tâm, góc đối diện, v.v.
Ở mức trung bình, AI dùng một phần logic của cấp độ khó nhưng thêm cơ chế lỗi ngẫu nhiên (~25%) để giả lập người chơi kỹ nhưng còn mẹo.
Ở mức dễ, AI chủ yếu phòng thủ — chỉ chặn người chơi khi cần và thỉnh thoảng mới tìm nước thắng cho chính mình.
#TicTacToe #JavaScript #VanillaJS #AI #GameDev #TiniX
Similar Projects
Discover other similar projects and AI models.
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.