Практически любой базовый учебник охватывает темы, которые вы задавали.Если вы не можете найти эту версию в javascript, просто возьмите что-нибудь на языке, который вам знаком, и попробуйте написать то же самое в javascript.
, чтобы рисовать вещи примерно так же, как, вероятно, и делают эти учебники,используйте div с «position :lative» и его потомки с «position: absolute» и используйте «top» и «left» свойства стиля css для позиционирования ящиков / спрайтов / чего угодно.
Я уверен, что вымогу понять, что делать, если вы будете следовать этим советам.