О! Аlgoritm builder! Ностальжи!
Клянчить исходники - последнее дело (ИМХО). Захочет человек - сам выложит.
С удачей всё отлично, как по мне, т.к. возможность безмятежно “прожигать” время на форуме, есть далеко не всегда, и не у всех. В жизни , к сожалению, полно гораздо менее удачных ситуаций…
есть такое наверное… но некоторых наверное надо растормошить, а то ведь хотя бы по причине лени не выложат, а посмотреть на что то новое охота…
Ну так пробуй не на 100, а на малом числе попыток. Там отклонения от 33% будут больше…вообще, раз в игры-ребусы потянуло может сделаешь “бесполезную коробку” в электронном виде?
не видно закономерности)))
а что за коробка ? в электронном виде… а о пользе или бесполезности можно порассуждать потом)))
Я бы сказал, унизительно. Это удел ничего не могущих попрошаек.
а для чего ее делать ? может лучше попробуем познать рандом вместе, и при наличии удачи, потом в казино рванем ?))) делать деньги)))
Рандом и казино разные, несовместные структуры.
lilik познание рандома наверное все же может увеличить шанс выигрыша в казино, хоть это и не точно)))
а казино может быть разным! вот например наткнулся на новость, что биткойн падает, и вроде из за введения пошлин 25% на японские товары, и распродажей гос. облигаций сша японией, вроде связь есть,(ну или кто то решил акции BTC продавать что бы покрыть долги… ) не понятно только как деньги сделать))) что бы вложиться, желательно с кредитным плечом 1 к 100, не прогореть из за колебаний в начале, еще и угадав, поднять бабла)))(и еще что бы заплатили, а не кинули, сославшись что правила были какие то нарушенны))) ) тоже самое казино, и относительно честное…
для меня самое сложно придумать сюжет и правила игры, вы их осилите придумать ?)))
хоть и полезности мало… если например пытаться сделать игру с графикой какой то на html, так тут хотя бы язык (если его так можно называть))) выучить можно… но от нечего делать можно попробовать сделать и такое, не знаю какие сложности могут возникнуть в процессе, но на первый взгляд легко все…
корявая смена фона готова)))
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
min-height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.content {
text-align: center;
padding: 50px;
color: white;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
</style>
</head>
<body id="mainBody">
<div class="content">
<h1>Случайный фон при загрузке</h1>
<button onclick="changeBackground()">Сменить фон</button>
</div>
<script>
// Укажите список файлов в папке (вручную)
const backgrounds = [
'images/bg1.jpg',
'images/bg2.png',
'images/bg3.jpg',
'images/bg4.webp'
];
// Функция для случайного выбора фона
function setRandomBackground() {
const randomIndex = Math.floor(Math.random() * backgrounds.length);
const bgUrl = backgrounds[randomIndex];
document.getElementById('mainBody').style.backgroundImage = `url('${bgUrl}')`;
}
// Функция для ручной смены
function changeBackground() {
setRandomBackground();
}
// Устанавливаем случайный фон при загрузке страницы
setRandomBackground();
</script>
</body>
</html>
рядом надо создать папку images и закинуть желательно 4 картинки с названием
images/bg1.jpg’,
images/bg2.png’,
images/bg3.jpg’,
images/bg4.webp’
а вот эту задачу наверное вовсе не вытяну))) но если делать, то наверное взять за основу лучше notepad++ а не exel…
Сюжет везде одинаковый. Числа от 1 до 100, кубик от 1 до 6, фишки, две и более и ходы по очереди. Кто первый дойдёт, тот и победил.
…кстати для написания-создания правил-сюжета можно использовать ИИ.
Луччее калькулятор возьмите, для надёжности так сказать!
А по вашему “идея = деньги” есть пример, который меня удивляет до сих пор: робот Вектор(и егонный дедушка Космо)! Ну ведь дикая же прелесть и как это могло загнуться, - я не понимаю 
Правда я и в успех мобильных игр не верил, однакож… Наверное слишком стар 
а это что для получения прибыли ? если нет, то не имеете же вы не чего против дополнения PythonScript, я слышал что он может все, если бы не скорость…))) вполне функционально наверное бы вышло… а если использовать базовые функции блокнота, так есть еще поиск по документам! и даже текстом можно сделать базу с поиском… а вот exel уже не тот))) хотя это я наверное просто давно не пользовался, и кроме как сделать числа с прогрессией от 0 до 1кк не знаю зачем он нужен…
а вот ваш пример вовсе не понял))) тем более про загнуться… что с ними ? если это из тв, то я его вовсе не смотрю, и тем более мультики про космо…
наверное вас просто расстроил lilik, что он душу в проект не хочет вкладывать, придумывать описание каждой клетки, интересный и захватывающий сюжет, вкладывать так сказать душу в игру…
можно то можно… но что бы было замечательно, то что он напишет максимум можно взять за основу…
Жаль, что это так и останется тайной, ибо узнать нет никакой возможности! Не изобрели для ентого стретств пока! Или изобрели!?
может cozmo робот ?))) а то иначе мультик находится… сами себе яму выкопали)))
ну а если мы определились с роботами, что с ними не так ? я как то их продажами не интересовался… вроде выпустили продукт, сорвали денег…
Вот жеж блин. Надо целеполагать 
Для начала сделать хтмл приложение которое по загруженной картинке заимствованного игрового поля будет его 1) приводить к одному размеру 2) по шлёпанью курсором по числам на картинке будет создавать массив координат игровых клеток для правильного перемещения фишек на ходах, т.е. создавать мат.модель карты варианта игры.
…блин, не та картинка…
если делать быстро, то вот так сделать можно
<!DOCTYPE html>
<html>
<head>
<style>
* {
box-sizing: border-box;
user-select: none;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 10px;
min-height: 100vh;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Arial, sans-serif;
}
.game-container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.08); /* Ещё прозрачнее */
border-radius: 15px;
padding: 10px;
backdrop-filter: blur(1px); /* Минимальное размытие */
}
/* Новая сетка: поле слева, информация справа */
.game-layout {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.board-section {
flex: 3;
min-width: 300px;
}
.info-section {
flex: 1;
min-width: 250px;
display: flex;
flex-direction: column;
gap: 15px;
}
.game-header {
text-align: center;
color: white;
margin-bottom: 15px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
background: rgba(0,0,0,0.2);
padding: 8px;
border-radius: 10px;
}
.players-panel {
display: flex;
flex-direction: column;
gap: 10px;
background: rgba(0,0,0,0.2);
padding: 10px;
border-radius: 10px;
backdrop-filter: blur(2px);
}
.player-card {
background: rgba(0,0,0,0.35); /* Очень прозрачный */
border-radius: 10px;
padding: 10px;
text-align: center;
color: white;
transition: all 0.3s;
backdrop-filter: blur(2px);
border: 1px solid rgba(255,255,255,0.2);
}
.player-card.active {
background: rgba(255,215,0,0.5);
color: black;
transform: scale(1.02);
box-shadow: 0 0 15px gold;
}
.player-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.player-position {
font-size: 20px;
font-weight: bold;
}
.turn-indicator {
text-align: center;
font-size: 18px;
color: white;
padding: 12px;
background: rgba(0,0,0,0.35);
border-radius: 10px;
backdrop-filter: blur(2px);
font-weight: bold;
}
.dice-area {
text-align: center;
padding: 15px;
background: rgba(0,0,0,0.2);
border-radius: 10px;
}
.dice {
width: 70px;
height: 70px;
background: rgba(255,255,255,0.9);
border-radius: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 42px;
font-weight: bold;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
cursor: pointer;
transition: transform 0.2s;
}
.dice:hover {
transform: scale(1.05);
}
.dice.rolling {
animation: roll 0.3s;
}
@keyframes roll {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.controls {
text-align: center;
display: flex;
flex-direction: column;
gap: 8px;
}
button {
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
border-radius: 50px;
transition: transform 0.2s;
}
button:hover:not(:disabled) {
transform: translateY(-2px);
}
button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.game-board {
display: grid;
grid-template-columns: repeat(10, 1fr);
gap: 3px;
background: rgba(0,0,0,0.1);
padding: 8px;
border-radius: 10px;
}
.cell {
aspect-ratio: 1;
background: rgba(255,255,255,0.55); /* Прозрачные клетки */
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: bold;
position: relative;
cursor: pointer;
transition: all 0.2s;
}
.cell:hover {
transform: scale(1.03);
z-index: 1;
background: rgba(255,255,255,0.75);
}
.cell.snake {
background: rgba(255,0,0,0.55);
color: white;
}
.cell.ladder {
background: rgba(0,255,0,0.55);
color: white;
}
.cell .players-on-cell {
position: absolute;
bottom: 2px;
right: 2px;
font-size: 9px;
background: rgba(0,0,0,0.5);
border-radius: 8px;
padding: 1px 3px;
color: white;
}
.winner-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
animation: fadeIn 0.5s;
}
.winner-card {
background: linear-gradient(135deg, #ffd700, #ff8c00);
border-radius: 30px;
padding: 35px 55px;
text-align: center;
animation: bounce 0.5s;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.winner-card h2 {
font-size: 42px;
margin: 0;
color: white;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.winner-card .winner-name {
font-size: 56px;
font-weight: bold;
color: #ff0000;
margin: 15px 0;
text-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}
.winner-card button {
padding: 12px 35px;
font-size: 18px;
margin-top: 15px;
background: white;
color: #333;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes bounce {
0% { transform: scale(0.3); opacity: 0; }
50% { transform: scale(1.05); }
100% { transform: scale(1); opacity: 1; }
}
.setup-screen {
text-align: center;
padding: 30px;
background: rgba(0,0,0,0.25);
border-radius: 20px;
backdrop-filter: blur(4px);
}
.setup-screen input {
padding: 10px;
font-size: 16px;
margin: 8px;
width: 180px;
border-radius: 5px;
border: none;
}
.info {
position: fixed;
bottom: 5px;
left: 5px;
background: rgba(0,0,0,0.3);
padding: 3px 8px;
border-radius: 5px;
font-size: 10px;
color: white;
backdrop-filter: blur(2px);
}
@media (max-width: 768px) {
.game-layout {
flex-direction: column;
}
.game-board {
gap: 2px;
}
.cell {
font-size: 8px;
}
.winner-card {
padding: 20px 30px;
}
.winner-card h2 {
font-size: 28px;
}
.winner-card .winner-name {
font-size: 36px;
}
.dice {
width: 55px;
height: 55px;
font-size: 32px;
}
button {
padding: 8px 16px;
font-size: 14px;
}
}
</style>
</head>
<body id="mainBody">
<div class="game-container" id="gameContainer"></div>
<div class="info" id="timerInfo"></div>
<script>
// === НАСТРОЙКИ ФОНА ===
const backgrounds = [];
for (let i = 1; i <= 10; i++) {
backgrounds.push(`images/bg${i}.jpg`);
}
let usedIndices = [];
let currentIndex = -1;
let timerInterval = null;
let secondsLeft = 60;
// === НАСТРОЙКИ ИГРЫ ===
let players = [];
let currentPlayerIndex = 0;
let gameActive = false;
let gameStarted = false;
let waitingForNextTurn = false;
let gameWinner = null;
// Улучшенный генератор случайных чисел
function getRandomInt(min, max) {
if (window.crypto && window.crypto.getRandomValues) {
const array = new Uint32Array(1);
window.crypto.getRandomValues(array);
return min + (array[0] % (max - min + 1));
}
return min + Math.floor((Math.random() * 987654321) % (max - min + 1));
}
function rollDice() {
return getRandomInt(1, 6);
}
// Змеи и лестницы
const snakesAndLadders = {
16: 6, 2: 38, 7: 14, 8: 31, 15: 26, 21: 42, 28: 84, 36: 44,
51: 67, 71: 91, 78: 98, 87: 24, 49: 11, 62: 19, 64: 60,
93: 73, 95: 75, 98: 78, 47: 26, 56: 53, 5: 3, 12: 2,
17: 4, 22: 20, 34: 32, 52: 45, 57: 54, 61: 59, 73: 66,
88: 80, 92: 83, 99: 94
};
// === ФУНКЦИИ ФОНА ===
function getRandomBackground() {
let availableIndices = [];
for (let i = 0; i < backgrounds.length; i++) {
if (i !== currentIndex) {
availableIndices.push(i);
}
}
if (availableIndices.length === 0) {
availableIndices = [...Array(backgrounds.length).keys()];
}
const randomIndex = availableIndices[Math.floor(Math.random() * availableIndices.length)];
return randomIndex;
}
function setRandomBackground() {
const newIndex = getRandomBackground();
if (newIndex === currentIndex && backgrounds.length > 1) {
const nextIndex = (newIndex + 1) % backgrounds.length;
currentIndex = nextIndex;
} else {
currentIndex = newIndex;
}
const bgUrl = backgrounds[currentIndex];
document.getElementById('mainBody').style.backgroundImage = `url('${bgUrl}')`;
}
function autoChangeBackground() {
setRandomBackground();
resetTimer();
}
function updateTimerDisplay() {
const timerInfo = document.getElementById('timerInfo');
if (timerInfo) {
timerInfo.textContent = `Смена фона через: ${secondsLeft} сек`;
}
}
function startCountdown() {
if (timerInterval) clearInterval(timerInterval);
secondsLeft = 60;
updateTimerDisplay();
timerInterval = setInterval(() => {
secondsLeft--;
updateTimerDisplay();
if (secondsLeft <= 0) {
autoChangeBackground();
}
}, 1000);
}
function resetTimer() {
if (timerInterval) clearInterval(timerInterval);
secondsLeft = 60;
updateTimerDisplay();
startCountdown();
}
function initBackground() {
const randomIndex = Math.floor(Math.random() * backgrounds.length);
currentIndex = randomIndex;
const bgUrl = backgrounds[currentIndex];
document.getElementById('mainBody').style.backgroundImage = `url('${bgUrl}')`;
startCountdown();
}
// === ФУНКЦИИ ИГРЫ ===
function showWinnerModal(winner) {
const modal = document.createElement('div');
modal.className = 'winner-overlay';
modal.innerHTML = `
<div class="winner-card">
<h2>🏆 ПОБЕДИТЕЛЬ! 🏆</h2>
<div class="winner-name">${winner.name}</div>
<div style="font-size: 18px; margin: 10px 0;">🎉 Поздравляем с победой! 🎉</div>
<button onclick="window.closeWinnerModal()">🎮 Сыграть ещё раз</button>
</div>
`;
document.body.appendChild(modal);
}
function closeWinnerModal() {
const modal = document.querySelector('.winner-overlay');
if (modal) {
modal.remove();
}
resetGame();
}
function showMessage(msg) {
const turnIndicator = document.getElementById('turnIndicator');
if (turnIndicator && gameActive) {
const originalText = turnIndicator.innerHTML;
turnIndicator.innerHTML = `<span style="color: yellow;">${msg}</span>`;
setTimeout(() => {
if (gameActive && turnIndicator && players[currentPlayerIndex]) {
turnIndicator.innerHTML = `🎲 Ход: ${players[currentPlayerIndex].name}`;
} else if (turnIndicator && !gameActive) {
turnIndicator.innerHTML = originalText;
}
}, 2000);
}
console.log(msg);
}
function movePlayer(player, steps) {
let newPosition = player.position + steps;
if (newPosition > 100) {
return player.position;
}
if (snakesAndLadders[newPosition]) {
const oldPos = newPosition;
newPosition = snakesAndLadders[newPosition];
if (newPosition < oldPos) {
showMessage(`🐍 ${player.name} на змею! ${oldPos} → ${newPosition}`);
} else {
showMessage(`🪜 ${player.name} на лестницу! ${oldPos} → ${newPosition}`);
}
}
player.position = newPosition;
return player.position;
}
function checkWinner() {
const winner = players.find(p => p.position === 100);
if (winner) {
gameActive = false;
gameStarted = false;
waitingForNextTurn = false;
gameWinner = winner;
showWinnerModal(winner);
renderGame();
return true;
}
return false;
}
function takeTurn() {
if (!gameActive || waitingForNextTurn) return;
waitingForNextTurn = true;
const currentPlayer = players[currentPlayerIndex];
const dice = rollDice();
const diceElement = document.getElementById('dice');
if (diceElement) {
diceElement.textContent = '🎲';
diceElement.classList.add('rolling');
setTimeout(() => {
diceElement.classList.remove('rolling');
diceElement.textContent = dice;
}, 300);
}
setTimeout(() => {
const oldPosition = currentPlayer.position;
const newPosition = movePlayer(currentPlayer, dice);
showMessage(`${currentPlayer.name}: ${dice} | ${oldPosition} → ${newPosition}`);
renderGame();
if (checkWinner()) {
waitingForNextTurn = false;
renderGame();
return;
}
if (dice === 6 && newPosition < 100) {
showMessage(`🎲 ${currentPlayer.name} выбросил 6! Ещё ход!`);
waitingForNextTurn = false;
renderGame();
setTimeout(() => takeTurn(), 500);
} else {
currentPlayerIndex = (currentPlayerIndex + 1) % players.length;
waitingForNextTurn = false;
renderGame();
}
}, 500);
}
function startGame() {
if (players.length < 2) {
alert('Должно быть минимум 2 игрока!');
return false;
}
gameActive = true;
gameStarted = true;
waitingForNextTurn = false;
currentPlayerIndex = 0;
gameWinner = null;
players.forEach(p => p.position = 0);
renderGame();
return true;
}
function setupGame() {
const numPlayers = parseInt(document.getElementById('numPlayers').value);
if (isNaN(numPlayers) || numPlayers < 2 || numPlayers > 6) {
alert('Введите количество игроков от 2 до 6');
return;
}
players = [];
for (let i = 0; i < numPlayers; i++) {
const input = document.getElementById(`player${i+1}`);
const name = input && input.value ? input.value : `Игрок ${i+1}`;
players.push({
name: name,
position: 0,
color: `hsl(${i * 360 / numPlayers}, 70%, 50%)`
});
}
startGame();
}
function resetGame() {
gameActive = false;
gameStarted = false;
waitingForNextTurn = false;
players = [];
currentPlayerIndex = 0;
gameWinner = null;
renderSetup();
}
function takeTurnButton() {
if (gameActive && !waitingForNextTurn && !checkWinner()) {
takeTurn();
}
}
// === ОТРИСОВКА ===
function renderGame() {
const container = document.getElementById('gameContainer');
if (!container) return;
if (!gameStarted || !players.length) {
renderSetup();
return;
}
// Игровая доска
let boardHtml = '<div class="game-board">';
for (let i = 100; i >= 1; i--) {
let cellClass = '';
let tooltip = '';
if (snakesAndLadders[i]) {
if (snakesAndLadders[i] < i) {
cellClass = 'snake';
tooltip = `🐍 Спуск на ${snakesAndLadders[i]}`;
} else {
cellClass = 'ladder';
tooltip = `🪜 Подъём на ${snakesAndLadders[i]}`;
}
}
const playersOnCell = players.filter(p => p.position === i);
const playersHtml = playersOnCell.length ?
`<div class="players-on-cell">${playersOnCell.map(p => p.name[0]).join(',')}</div>` : '';
boardHtml += `
<div class="cell ${cellClass}" title="${tooltip || 'Клетка ' + i}">
${i}
${playersHtml}
</div>
`;
}
boardHtml += '</div>';
// Панель игроков (справа)
let playersHtml = '<div class="players-panel">';
players.forEach((player, idx) => {
const isActive = gameActive && idx === currentPlayerIndex;
playersHtml += `
<div class="player-card ${isActive ? 'active' : ''}" style="border: 2px solid ${player.color}">
<div class="player-name">${player.name}</div>
<div class="player-position">📍 ${player.position}</div>
</div>
`;
});
playersHtml += '</div>';
// Управление справа внизу
let controlsHtml = '';
if (gameActive && !gameWinner) {
controlsHtml = `
<div class="turn-indicator" id="turnIndicator">🎲 Ход: ${players[currentPlayerIndex]?.name}</div>
<div class="dice-area">
<div class="dice" id="dice" onclick="window.takeTurnButton()">🎲</div>
</div>
<div class="controls">
<button onclick="window.resetGame()">🔄 Новая игра</button>
</div>
`;
} else {
controlsHtml = `
<div class="controls">
<button onclick="window.resetGame()">🔄 Новая игра</button>
</div>
`;
}
container.innerHTML = `
<div class="game-header">
<h1>🎲 ЗМЕИ И ЛЕСТНИЦЫ 🪜</h1>
</div>
<div class="game-layout">
<div class="board-section">
${boardHtml}
</div>
<div class="info-section">
${playersHtml}
${controlsHtml}
</div>
</div>
`;
}
function renderSetup() {
const container = document.getElementById('gameContainer');
if (!container) return;
container.innerHTML = `
<div class="setup-screen">
<h1>🎲 ЗМЕИ И ЛЕСТНИЦЫ 🪜</h1>
<h2>Настройка игры</h2>
<div style="margin: 15px 0;">
<label>Количество игроков (2-6): </label>
<input type="number" id="numPlayers" min="2" max="6" value="2" onchange="window.generatePlayerInputs()">
</div>
<div id="playerNames"></div>
<button onclick="window.setupGame()">🎮 Начать игру!</button>
</div>
`;
generatePlayerInputs();
}
function generatePlayerInputs() {
const numPlayersInput = document.getElementById('numPlayers');
if (!numPlayersInput) return;
const numPlayers = parseInt(numPlayersInput.value) || 2;
const container = document.getElementById('playerNames');
if (!container) return;
let html = '<h3>Введите имена игроков:</h3>';
for (let i = 0; i < numPlayers; i++) {
html += `
<div style="margin: 8px;">
<label>Игрок ${i+1}: </label>
<input type="text" id="player${i+1}" placeholder="Игрок ${i+1}" value="Игрок ${i+1}">
</div>
`;
}
container.innerHTML = html;
}
// Глобальные функции
window.takeTurnButton = takeTurnButton;
window.resetGame = resetGame;
window.setupGame = setupGame;
window.generatePlayerInputs = generatePlayerInputs;
window.closeWinnerModal = closeWinnerModal;
// Инициализация
initBackground();
renderSetup();
</script>
</body>
</html>
иначе сидеть и с изображениями и с формой карты в коде долго… если оно реально надо))
а без сюжета наверное все равно сырая игра будет…
в папке images рядом с html обязательно надо закинуть 10 фото в формате bg1-10.jpg иначе будет белый фон
ну и масштаб через strl + колесико задается…
и для броска кубика надо нажать на кубик))) вроде все, а что означают красные и зеленые клетки, надо разобраться в процессе, это квест такой в игре)))