So I ran into some rather interesting problems. I have been playing around with the same three layouts that I learned in my introductory java course last year: BorderLayout, FlowLayout and GridLayout for a good hour in the game I have been developing for the past month.
None of the three layouts are very nice to my game canvas. The reason, is the right-half portion of the game canvas gets obscured which I also do not know how to solve. I think the one layout that did the least amount of damage to my game canvas out of the three is BorderLayout which is the one depicted in this picture below. Although, from a user standpoint, you can see BorderLayout still hurts the gameplay experience of my arcade shooter clone.
The heart image and the life image are both JLabel objects. The middle is the game canvas(from what I seen BorderLayout seems to have messed up my game canvas). The source code is posted at the bottom-most.
I know I am doing this wrong but I think I struggle enough. 
Perhaps I need to use a layout I have not been taught? 
Here is what the game looks if it uses BorderLayout:
If my game canvas was left alone with no layout it would look nice like this:
public class Game extends Canvas{
private JPanel panel;
private Game(){
panel = (JPanel)container.getContentPane();
}
}
