tag:blogger.com,1999:blog-16233867815828718412025-03-24T02:05:12.383-07:00Crónicas de Esperantia 2020Fran J. Saavedra Baulóhttp://www.blogger.com/profile/14976438267472305647noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-1623386781582871841.post-74227019725455065712025-03-18T19:35:00.000-07:002025-03-18T20:20:41.468-07:00prueba<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ajedrez con Apuestas</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f0f0f0;
}
#game-container {
margin: 20px auto;
max-width: 600px;
}
#board {
display: inline-grid;
grid-template-columns: repeat(8, 50px);
grid-template-rows: repeat(8, 50px);
border: 2px solid #333;
background-color: #fff;
}
.square {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
cursor: pointer;
}
.light {
background-color: #f0d9b5;
}
.dark {
background-color: #b58863;
}
.selected {
background-color: #ffff99 !important;
}
#betting-section {
margin-top: 20px;
}
#status {
font-size: 18px;
margin-top: 10px;
}
button {
padding: 10px 20px;
font-size: 16px;
margin: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<div id="game-container">
<h1>Ajedrez con Apuestas</h1>
<div id="board"></div>
<div id="betting-section">
<h2>Apuestas</h2>
<p>Saldo: <span id="balance">1000</span> créditos</p>
<input type="number" id="bet-amount" min="1" max="1000" value="100" placeholder="Cantidad a apostar">
<button onclick="placeBet()">Apostar y Jugar</button>
<button onclick="endGameManually()">Terminar Partida</button>
</div>
<div id="status"></div>
</div>
<script>
// Versión mínima de chess.js embebida (solo lo esencial para este ejemplo)
function Chess() {
this.board = [
['r', 'n', 'b', 'q', 'k', 'b', 'n', 'r'],
['p', 'p', 'p', 'p', 'p', 'p', 'p', 'p'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['P', 'P', 'P', 'P', 'P', 'P', 'P', 'P'],
['R', 'N', 'B', 'Q', 'K', 'B', 'N', 'R']
];
this.turn = 'w';
this.moves = [];
this.move = function({ from, to, promotion = 'q' }) {
const fromRow = 7 - parseInt(from[1]) + 1;
const fromCol = from.charCodeAt(0) - 97;
const toRow = 7 - parseInt(to[1]) + 1;
const toCol = to.charCodeAt(0) - 97;
const piece = this.board[fromRow][fromCol];
if (!piece || (this.turn === 'w' && piece.toLowerCase() === piece) || (this.turn === 'b' && piece.toUpperCase() === piece)) {
return null;
}
this.board[toRow][toCol] = piece;
this.board[fromRow][fromCol] = '.';
this.turn = this.turn === 'w' ? 'b' : 'w';
this.moves.push({ from, to });
return { from, to };
};
this.in_checkmate = function() {
return this.moves.length > 20 && Math.random() > 0.95; // Simulación simple
};
this.in_draw = function() {
return this.moves.length > 50 && Math.random() > 0.9; // Simulación simple
};
this.fen = function() {
return this.board.map(row => row.join('')).join('/');
};
this.reset = function() {
this.board = [
['r', 'n', 'b', 'q', 'k', 'b', 'n', 'r'],
['p', 'p', 'p', 'p', 'p', 'p', 'p', 'p'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['.', '.', '.', '.', '.', '.', '.', '.'],
['P', 'P', 'P', 'P', 'P', 'P', 'P', 'P'],
['R', 'N', 'B', 'Q', 'K', 'B', 'N', 'R']
];
this.turn = 'w';
this.moves = [];
};
}
// Mapa de piezas a caracteres Unicode
const pieceToUnicode = {
'r': '♜', 'n': '♞', 'b': '♝', 'q': '♛', 'k': '♚', 'p': '♟',
'R': '♖', 'N': '♘', 'B': '♗', 'Q': '♕', 'K': '♔', 'P': '♙',
'.': ''
};
let game = new Chess();
let balance = 1000;
let currentBet = 0;
let gameStarted = false;
let selectedSquare = null;
// Dibujar el tablero
function drawBoard() {
const boardDiv = document.getElementById('board');
boardDiv.innerHTML = '';
for (let i = 0; i < 64; i++) {
const row = 7 - Math.floor(i / 8);
const col = i % 8;
const square = document.createElement('div');
square.className = 'square ' + ((row + col) % 2 === 0 ? 'light' : 'dark');
square.innerHTML = pieceToUnicode[game.board[row][col]];
square.dataset.index = i;
square.onclick = () => handleClick(i);
boardDiv.appendChild(square);
}
updateStatus();
}
// Manejar clics en el tablero
function handleClick(index) {
if (!gameStarted) return;
const squares = document.querySelectorAll('.square');
const row = 7 - Math.floor(index / 8);
const col = index % 8;
const from = selectedSquare !== null ? String.fromCharCode(97 + (selectedSquare % 8)) + (8 - Math.floor(selectedSquare / 8)) : null;
const to = String.fromCharCode(97 + col) + (8 - row);
if (selectedSquare === null && game.board[row][col] !== '.') {
selectedSquare = index;
squares[index].classList.add('selected');
} else if (selectedSquare !== null) {
const move = game.move({ from, to });
if (move) {
squares[selectedSquare].classList.remove('selected');
selectedSquare = null;
drawBoard();
} else {
squares[selectedSquare].classList.remove('selected');
selectedSquare = null;
}
}
}
// Actualizar estado del juego
function updateStatus() {
let status = '';
if (game.in_checkmate()) {
status = '¡Juego terminado! ' + (game.turn === 'w' ? 'Negras' : 'Blancas') + ' ganan.';
endGame(game.turn === 'w' ? 'b' : 'w');
} else if (game.in_draw()) {
status = '¡Juego terminado! Empate.';
endGame('draw');
} else {
status = 'Turno de ' + (game.turn === 'w' ? 'Blancas' : 'Negras');
}
document.getElementById('status').textContent = gameStarted ? status : 'Ingresa una apuesta para comenzar';
}
// Sistema de apuestas
function placeBet() {
if (gameStarted) {
alert('Ya hay una partida en curso.');
return;
}
const bet = parseInt(document.getElementById('bet-amount').value);
if (isNaN(bet) || bet <= 0 || bet > balance) {
alert('Ingresa una apuesta válida dentro de tu saldo.');
return;
}
currentBet = bet;
balance -= bet;
document.getElementById('balance').textContent = balance;
gameStarted = true;
game.reset();
drawBoard();
alert('Apuesta de ' + bet + ' créditos realizada.');
}
// Terminar partida manualmente
function endGameManually() {
if (!gameStarted) {
alert('No hay partida en curso.');
return;
}
const winner = prompt('¿Quién ganó? (Blancas, Negras o Empate)');
if (winner) {
endGame(winner.charAt(0).toLowerCase() === 'b' ? 'w' : winner.charAt(0).toLowerCase() === 'n' ? 'b' : 'draw');
}
}
// Finalizar juego y ajustar saldo
function endGame(winner) {
gameStarted = false;
if (winner === 'w') {
balance += currentBet * 2;
alert('¡Blancas ganan! Recibes ' + (currentBet * 2) + ' créditos.');
} else if (winner === 'b') {
alert('¡Negras ganan! Pierdes tu apuesta.');
} else {
balance += currentBet;
alert('Empate. Se te devuelven ' + currentBet + ' créditos.');
}
document.getElementById('balance').textContent = balance;
currentBet = 0;
drawBoard();
}
// Inicializar el tablero
drawBoard();
</script>
</body>
</html>Fran J. Saavedra Baulóhttp://www.blogger.com/profile/14976438267472305647noreply@blogger.com0