Есть поле пикселей и код для выбора пикселя, который меняет цвет:
$(".pixel").click(function() {
$(this).toggleClass("white");
$(this).toggleClass("black");
})
var delta;
var isCall = false;
if (!isCall) {
var zoom = 1;
isCall = true;
}
#art {
width: 101px;
height: 101px;
display: table;
border-spacing: 1px;
background-color: #d8d8d8;
}
.row {
display: table-row;
}
.pixel {
display: table-cell;
}
.black {
background-color: black;
}
.white {
background-color: white;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="art">
<div class="row">
<div class="pixel white" id="1-1"></div>
<div class="pixel white" id="1-2"></div>
<div class="pixel white" id="1-3"></div>
<div class="pixel white" id="1-4"></div>
<div class="pixel white" id="1-5"></div>
</div>
<div class="row">
<div class="pixel white" id="2-1"></div>
<div class="pixel white" id="2-2"></div>
<div class="pixel white" id="2-3"></div>
<div class="pixel white" id="2-4"></div>
<div class="pixel white" id="2-5"></div>
</div>
<div class="row">
<div class="pixel white" id="3-1"></div>
<div class="pixel white" id="3-2"></div>
<div class="pixel white" id="3-3"></div>
<div class="pixel white" id="3-4"></div>
<div class="pixel white" id="3-5"></div>
</div>
<div class="row">
<div class="pixel white" id="4-1"></div>
<div class="pixel white" id="4-2"></div>
<div class="pixel white" id="4-3"></div>
<div class="pixel white" id="4-4"></div>
<div class="pixel white" id="4-5"></div>
</div>
<div class="row">
<div class="pixel white" id="5-1"></div>
<div class="pixel white" id="5-2"></div>
<div class="pixel white" id="5-3"></div>
<div class="pixel white" id="5-4"></div>
<div class="pixel white" id="5-5"></div>
</div>
</div>
Но возникла необходимость автоматически заполнять все поле, допустим я нажимаю на какую-нибудь клеточку и с небольшими задержками заполняются рандомные соседние клеточки(как домино падает во все стороны) и так пока не будет заполнено все поле. Такое возможно вообще реализовать? Мне намекнули, что похожий алгоритм в игре KAMI, но я пока не придумал, как такое можно сделать, поэтому надеюсь на ваши советы.