java - Java 2D パズル アプリケーション、複数のピースを描くことはできません

Question

私はジグソー パズル アプリケーションを作成しようとしています。このアプリケーションでは、画像がバラバラにカットされ、スクランブルされ、ユーザーはドラッグ アンド ドロップでそれらを再配置して元の画像を再構築する必要があります。(このようなもの: http://www.jigzone.com/puzzles/74055D549FF0?z=5 )。これをGraphics2dを使用してJavaで作成する必要があります。

そのため、最初は、画像の一部 (今のところ長方形) を表示でき、マウスでドラッグできるコンポーネントを作成しようとしています。

以下のコードは、そのようなコンポーネントが 1 つしかない場合にうまく機能します。問題は、2 番目のコンポーネントを追加すると、最初のコンポーネントが表示されなくなることです。

私は本当にここで立ち往生しています。私は本当に基本的な何かが欠けていると感じています。または多分私は間違った方法で。どんな助けでも大歓迎です。

編集:提案に従ってコードを少し変更しましたが、まだ期待どおりに動作していません。

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.event.MouseInputAdapter;

public class GraphicDragAndDrop extends JPanel {
    Rectangle rect;
    Image img;

    public GraphicDragAndDrop(String imgFile, int x0, int y0){
        rect = new Rectangle(x0, y0, 150, 75);
        img = new ImageIcon(imgFile).getImage();
    }


    protected void paintComponent(Graphics g) {
        super.paintComponent(g);

        Graphics2D g2d = (Graphics2D) g;
        g2d.setClip(rect);
        int x = rect.x;
        int y = rect.y;
        g2d.drawImage(img, x, y, this);
    }

    public void setRect(int x, int y) {
        rect.setLocation(x, y);
        repaint();
    }

    public static void main(String[] args) {
        // first piece
        GraphicDragAndDrop piece1 = new GraphicDragAndDrop("a.png", 0, 0);
        piece1.setRect(0, 0);
        new GraphicDragController(piece1);

        // second piece --> only this will be visible
        GraphicDragAndDrop piece2 = new GraphicDragAndDrop("a.png", 200, 200);
        //GraphicDragAndDrop piece2 = new GraphicDragAndDrop("b.png", 200, 200); // does'n work either
        piece2.setRect(150, 150);
        new GraphicDragController(piece2);

        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.add(piece1);
        f.add(piece2);
        f.setSize(500,500);
        f.setLocation(300,100);
        f.setVisible(true);
    }
}

class GraphicDragController extends MouseInputAdapter {
    GraphicDragAndDrop component;
    Point offset = new Point();
    boolean dragging = false;

    public GraphicDragController(GraphicDragAndDrop gdad) {
        component = gdad;
        component.addMouseListener(this);
        component.addMouseMotionListener(this);
    }

    public void mousePressed(MouseEvent e) {
        Point p = e.getPoint();
        Rectangle r = component.rect;
        if(r.contains(p)) {
            offset.x = p.x - r.x;
            offset.y = p.y - r.y;
            dragging = true;
        }
    }

    public void mouseReleased(MouseEvent e) {
        dragging = false;
    }

    public void mouseDragged(MouseEvent e) {
        if(dragging) {
            int x = e.getX() - offset.x;
            int y = e.getY() - offset.y;
            component.setRect(x, y);
        }
    }
}