Расставить ромбики в нужных координатах, ориентируясь на виртуальные координаты?
Это называется изометрия. Можете посмотреть эти видео:

Isometric - часть 1
Isometric - часть 2

Можно трансформировать canvas: сжать по вертикали и повернуть на 45°. Теперь, если рисовать квадраты — получатся ромбики!

Только Y-координата идёт сверху вниз – тут уж сами разберётесь. Наклоните голову влево, чтобы сориентироваться )
snippet

А тут можно перемещаться стрелочками и A-S-D-W. Кликните внутри фрейма, чтобы клавиши заработали:
snippet