finally

Итак, чтобы создать персонажа, нужно:

1. Создать элемент и вставить на страницу
2. Установить размер ( высоту )
3. Задать изображение для персонажа
4. Зафиксировать его относительные координаты

badBoy = document.createElement ( 'bad-boy' )
document.body.appendChild ( badBoy )
badBoy.setImage ( personages [5] )
badBoy.setHeight ( 200 )
badBoy.getRelativePosition ()

Все остальное у него будет 😏

Если кликнуть правой кнопкой мышки на персонаже, то появится контекстное меню

вредный персонаж может:

• перворачивать мебель ( break )
• загрязнять комнату ( shit )

хороший персонаж может:

• ставить мебель на место ( break )
• убирать комнату ( shit )

Если кликнуть правой кнопкой мышки на предмете в комнате, то появится контекстное меню, с помощью которого можно немного сместить предмет вправо / влево / верх / вниз

Если возникнет желание поменять фоновую картинку:

☕ 1️⃣

document.body.style.backgroundImage = "url(https://st2.depositphotos.com/1654249/11783/i/950/depositphotos_117834230-stock-photo-perspective-grid-over-white-background.jpg)"

☕ 2️⃣

document.body.style.backgroundImage = "url(http://www.home-style-choices.com/image-files/wood-flooring-bs-585x300.jpg)"

☕ 3️⃣

document.body.style.backgroundImage = "url(http://www.precisecarpetcleaning.com/wp-content/uploads/2015/05/ceramic-tile-cleaning.jpg)"