Creating new Drag&Drop comps and altering the grid direction

What do I need to do in order to create my own Drag&Drop items and change the direction of the grid?

For Instance: Setting different building icons (say .png files) on diagonal grid.
See rough example in c2.jpg attached.
11730.jpg