Draw ontop of an image

Question

Can anyone tell me how i can paint a rectangle ontop of an image.
I have this code where ive used mediatracker in another class called ImageCanvas that extends canvas. This is added to the screen below a panel that has another image and a button. When the button is clicked it draws a dice using paint from another class. But because i have an image already on the screen this will not paint the dice ontop of the image. If i do not have the image the paint will work.
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
public class Dicetoon extends Applet implements ActionListener{
     Button diceButton; // action button
     private Panel gamePanel;
     private Dice dice = new Dice();
     private int diceValue;
     public void init() {
          setLayout (new BorderLayout());
          gamePanel = new Panel();
               GridBagLayout layout = new GridBagLayout();
               GridBagConstraints constraints = new GridBagConstraints();
               gamePanel.setLayout(layout);
               gamePanel.setBackground(new Color(8,16,16));
               constraints.gridwidth = GridBagConstraints.REMAINDER;
               gamePanel.add(new ImageCanvas(getImage(getCodeBase(),"dictoonlogo.jpg")),constraints);
     // add button and listener to read list
               diceButton = new Button (" Enter ");
               gamePanel.add (diceButton);
               diceButton.addActionListener (this);
          //diceButton.setBounds(15,159,120,40);
               diceButton.setBackground(Color.black);
               diceButton.setForeground(Color.white);
          add("North",gamePanel);
          this.add(new ImageCanvas(getImage(getCodeBase(),"background.jpg")));
     public void actionPerformed (ActionEvent e) {
          rollDice();
//This is where a dice is drawn
     public void rollDice(int dicePosition) {
     dice.throwDice();
diceValue = dice.readValue();
DrawDice drawdice = new DrawDice();
     Graphics drawGraphics = getGraphics();
     drawdice.drawDice(drawGraphics, diceValue);
THe 2nd class that used for the image
public class ImageCanvas extends Canvas {
     private transient Image image;
     public ImageCanvas(Image theimage){
          image=theimage;
          if(image != null){
               MediaTracker mediatracker = new MediaTracker(this);
               try{
                    mediatracker.addImage(image, 0);
                    mediatracker.waitForAll();
               catch(InterruptedException interruptedexception){
               repaint();
public void paint(Graphics g) {
Dimension d = this.getSize();
g.drawImage(image, 0, 0, 300, 300, this);
some of the draw dice class
public class DrawDice extends Panel {
     public void drawDice(Graphics drawDice, int diceValue) {
          drawDice.setColor (Color.red);
          //drawDice.fillRect (250, 300, 50, 50);
          drawDice.fillRect (250, 300, 50, 50);
//switch staement.........

Answer 1

The dice are being drawn, then covered by the image. You are passing the graphics context of the applet panel to drawDice(), so the dice are painted directly on the applet panel. The problem is the background image occupies the same area in the applet container, so the applet panel fires a paint message to the image, which then repaints itself over the dice.
Why is DrawDice a Panel? You should probably make a panel to contain the background image/painted dice, and add this to the applet panel instead of adding the background image directly. This will give you a paint method that can draw the background image then paint the dice.
GuyD
Can anyone tell me how i can paint a rectangle ontop
of an image.
I have this code where ive used mediatracker in
another class called ImageCanvas that extends canvas.
This is added to the screen below a panel that has
another image and a button. When the button is
s clicked it draws a dice using paint from another
class. But because i have an image already on the
screen this will not paint the dice ontop of the
image. If i do not have the image the paint will
work.
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
public class Dicetoon extends Applet implements
ActionListener{
     Button diceButton; // action button
     private Panel gamePanel;
     private Dice dice = new Dice();
     private int diceValue;
     public void init() {
          setLayout (new BorderLayout());
          gamePanel = new Panel();
               GridBagLayout layout = new GridBagLayout();
GridBagConstraints constraints = new
new GridBagConstraints();
               gamePanel.setLayout(layout);
               gamePanel.setBackground(new Color(8,16,16));
constraints.gridwidth =
h = GridBagConstraints.REMAINDER;
gamePanel.add(new
new
ImageCanvas(getImage(getCodeBase(),"dictoonlogo.jpg")),
onstraints);
     // add button and listener to read list
               diceButton = new Button (" Enter ");
               gamePanel.add (diceButton);
               diceButton.addActionListener (this);
          //diceButton.setBounds(15,159,120,40);
               diceButton.setBackground(Color.black);
               diceButton.setForeground(Color.white);
          add("North",gamePanel);
this.add(new
ew
ImageCanvas(getImage(getCodeBase(),"background.jpg")));
     public void actionPerformed (ActionEvent e) {
          rollDice();
//This is where a dice is drawn
     public void rollDice(int dicePosition) {
     dice.throwDice();
diceValue = dice.readValue();
DrawDice drawdice = new DrawDice();
     Graphics drawGraphics = getGraphics();
     drawdice.drawDice(drawGraphics, diceValue);
THe 2nd class that used for the image
public class ImageCanvas extends Canvas {
     private transient Image image;
     public ImageCanvas(Image theimage){
          image=theimage;
          if(image != null){
MediaTracker mediatracker = new
ew MediaTracker(this);
               try{
                    mediatracker.addImage(image, 0);
                    mediatracker.waitForAll();
               catch(InterruptedException interruptedexception){
               repaint();
public void paint(Graphics g) {
Dimension d = this.getSize();
g.drawImage(image, 0, 0, 300, 300, this);
some of the draw dice class
public class DrawDice extends Panel {
public void drawDice(Graphics drawDice, int
diceValue) {
          drawDice.setColor (Color.red);
          //drawDice.fillRect (250, 300, 50, 50);
          drawDice.fillRect (250, 300, 50, 50);
//switch staement.........