java eclipseについて

Question

java eclipseでスライドパズルを作成しています。
9枚の画像で作成しており、現在は9枚の画像を実行するたびにランダムで表示するところまでいきました。
その後ですが9枚の画像のうち一枚を空白にし、上下左右のキーを押すと空白になった部分と対応した押したキーの位置にあるピースが入れ替わるようにしたいのですが時間がかかっておりなかなか進めません。

コード
```public interface Gazo {
	
	public static final String s[] = {
			"画像1枚目【実際はここに画像の位置を入力しています。 デスクトップにある場合 C:\Users\ユーザー名\Desktop】",
			"画像2枚目",
			"画像3枚目",
			"画像4枚目",
			"画像5枚目",
			"画像6枚目",
			"画像7枚目",
			"画像8枚目",
			"画像9枚目"
	};
}

Answer 1

アニメーション方式の参考にサンプルを書いてみました。

• アニメーションの基本的制御

Timerによる周期処理を使ってます。

• GridLayout

グリッド枠からずれた位置にタイルを描画する関係上GridLayoutは使ってません。

import javax.imageio.ImageIO;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.IOException;

public class SlideSample extends JFrame {
  public static void main(String[] args) {
    SwingUtilities.invokeLater(() - > { // ラムダ式
      new SlideSample().setVisible(true);
    });
  }

  SlideSample() {
    super("Slide sample");
    getContentPane().add(new SlidePane(), BorderLayout.CENTER);
    setDefaultCloseOperation(EXIT_ON_CLOSE);
    pack();
  }
}

class SlidePane extends JComponent {
  static final int MAX_ANIMATION_FRAME = 5;
  int animationFrame;
  Timer timer = new Timer(20, this::animation); //メソッド参照(this::animation)
  final int w, h; // タイル一つの幅・高さ
  int toRow = 0, toCol = 0; // 空白タイルの行・列位置
  int fromRow, fromCol; // 移動中タイルの行・列位置
  Image[][] images = new Image[3][3];

  SlidePane() {
    BufferedImage im;
    try { //画像は100x100 pixel程度を想定
      im = ImageIO.read(getClass().getResource("sample.jpg"));
    } catch (IOException e) {
      throw new RuntimeException(e);
    }
    w = im.getWidth();
    h = im.getHeight();
    // 本来は8種類の画像にすべきだが省略(8枚とも同じ画像)
    for (int i = 0; i < 9; i++)
      if (i != 0) images[i / 3][i % 3] = im;
    setPreferredSize(new Dimension(w * 3, h * 3));
    setFocusable(true); // キーイベントを捕捉するために必要
    addKeyListener(keyListener);
  }

  static boolean isValidRowCol(int v) {
    return 0 <= v && v < 3;
  }

  KeyListener keyListener = new KeyAdapter() {
    @Override public void keyPressed(KeyEvent ev) {
      if (timer.isRunning()) return; // アニメーション中はキー入力無視
      fromRow = toRow;
      fromCol = toCol;
      switch (ev.getKeyCode()) {
        case KeyEvent.VK_UP:    fromRow++; break;
        case KeyEvent.VK_DOWN:  fromRow--; break;
        case KeyEvent.VK_LEFT:  fromCol++; break;
        case KeyEvent.VK_RIGHT: fromCol--; break;
        default:                return;
      }
      if (!isValidRowCol(fromRow) || !isValidRowCol(fromCol)) return;
      timer.setRepeats(true);
      animationFrame = 0;
      timer.start();
      ev.consume();
    }
  };

  void animation(ActionEvent ev) {
    if (++animationFrame == MAX_ANIMATION_FRAME) {
      images[toRow][toCol] = images[fromRow][fromCol];
      images[fromRow][fromCol] = null;
      toRow = fromRow;
      toCol = fromCol;
      timer.stop();
      animationFrame = 0;
    }
    repaint();
  }

  @Override public void paintComponent(Graphics g) {
    int toX = toCol * w, toY = toRow * h;
    for (int rc = 0; rc < 9; rc++) {
      int row = rc / 3, col = rc % 3;
      if (row == toRow && col == toCol) continue;
      int x = col * w, y = row * h;
      if (row == fromRow && col == fromCol) {
        x = x + (toX - x) * animationFrame / MAX_ANIMATION_FRAME;
        y = y + (toY - y) * animationFrame / MAX_ANIMATION_FRAME;
      }
      g.drawImage(images[row][col], x, y, this);
    }
  }
}

Java8前提でラムダ式、メソッド参照を使ってます。

Comments

[syo17]

回答ありがとうございます！(^_^)
とても参考になりましたが、出来れば質問で挙げた3つのクラスで9枚の画像のうち一枚を空白にし、上下左右のキーを押すと空白になった部分と対応した押したキーの位置にあるピースが入れ替わるようにしたいです。
自分でも参考書やネットで調べてやっているのですがなかなか進めません…

[KSwordOfHaste]

質問者さんのコードを踏襲し回答として不自然さがないよう設計するのは手間がかかるものなのでそこはご勘弁ください。自分の回答意図はあくまで「アニメーション機能の実装ヒントの提示」であり、「要求されたコードの提供」ではありません。

多分お気づきでないと思いますが、こうしたサイトで新たな機能(アニメーションなど)を実装したコードそのものを要求するのは丸投げとみなされ歓迎されないと思います。

初学者と経験者では設計にかかる時間は何倍～何十倍もの差がありますが、その差を埋めるには数か月～年単位の時間が必要ですし、一挙には埋まるものでもありません。早道は完成品のコードを得ることではなく、自ら設計・コード化をする訓練の方だと思います。

Answer 2

回答者のアドバイスや知り合いからのアドバイスによって解決いたしました。