День добрый! Жене нужно на занятия для детей сделать такое задание - Область листа разбита на секции 3х3, в каждой секции какая-то цифра. Нужно, чтобы дети угадывали числа и открывалась часть картинки под цифрами. В итоге нужно открыть земной шар. Думал сделать в виде слайдов, постепенно открывая картинку, но оказалось, что надо в случайном порядке открывать, без всякого алгоритма, и я впал в ступор. Подскажите, как можно попробовать реализовать такое?

Дельфи в руки и вперед

В принципе договорился в каком порядке будут открываться секции, сделаю, но интересно в случайном порядке как бы происходило.

(1) Я пока джаву не освоил еще)

По типу игры "Своя игра". Только кодить? Инструментов нет никаких?

(4) Это задачка на дельфи или лазарусе даже на лабу в техникуме не тянет. Школьная задачка.

(5) Дельфи еще жив?)

html код в блокноте накидать не вариант?

(7) Интересен алгоритм, как разбить на области, допустим по нажатию на область она переворачивается, открывая другую.

(6) Куда же он денется... Возможность визуально создавать нативные экзешники, запускаемые простым кликом без установки всяких дотнетов и джав - это весьма удобно. Хотя и не модно сейчас.

(8) отобразать картинку и на том же самом месте, но поверх отобразить 9 квадратов. По клику на квадрат, делать квадрат невидимым.

html, таблица, в каждой ячейке две картинки, у которых меняется видимость. или на фоне таблицы нужная картинка, у ячеек фон белый + текст меняется на прозрачный + пустой текст.

пара десятков строк

(9) (10) (11) Понятно, спасибо.

Не благодари http://codepen.io/anon/pen/KzZzov

(14) А эт чоо?))

(15) Что ты просил. В нижней части окна нажимай "Открыть"

(16) Я вижу, вижу как картинку подгрузить, имеется ввиду делать скриншоты и пихать в презентацию? И я хотел открытия по щелчку мыши на определенный квадрат.

(17) Зачем делать скриншоты? Там именно "открытие случайных областей картинки".

(17) + Интересно, как это работает, взаимосвязь приложений. Я так понимаю HTML грузит картинку и делит на блоки, которые заданы в CSS, действия выполняются на JS. Как работать там?

(19) В контейнере picture 600x600 лежит картинка 600x600, поверх нее — 9 серых плиток cover 200x200. Стилями они выстраиваются в квадрат 9х9. У каждой плитки есть свой id - c1,c2..c9. Все id собраны в массив covers. По нажатию выбирается случайный id из массива. Элементу с выбранным id ставится полная прозрачность (opacity), после чего id удаляется из массива.

(20) а почему изредка пропускает нажатие? не удаляет?

(20) Я так понимаю, что создавать что-то нужен платный аккаунт?

(22) там все бесплатно

(23) А как там что-то свое сделать?

(24) Нашел

Циферки, нажатие на плиточки и прочия http://codepen.io/anon/pen/PNENLG

(25) Вот видео нормальное.

(26) Классно!