6

しばらく前にsunjavaフォーラムに質問を投稿しましたが、返信者から受け取った最初の応答を理解するのが難しいと感じていますが、彼は私の問題に対する正しいアプローチを教えてくれたようです。質問へのリンクは次のとおりです。

http://forums.sun.com/thread.jspa?threadID=5436562&tstart=0

誰かが私がBufferedImageタイルを使って作るべきだと答えました。に関連してタイルが何を意味するのか、私は本当に理解していませんBufferedImage

タイルとは何か、タイルがでどのように作成されるかを誰かに説明してもらいたいですBufferedImage

しばらくウェブを検索しましたが、タイルの基本を理解し、タイルを作成するのに役立つリンクが見つかりませんでした。サイトへのポインタもありがたいです。

に関連するタイルと、BufferedImageそれらがどのように作成されるかを理解するのに助けが必要です。

4

2 に答える 2

16

2D ゲームでの「タイル」とは、単に「画面全体よりも小さい画像で、背景を作成するために何度も再利用できるもの」を意味します。

これは、4 つのタイルが作成される作業例です (すべてのピクセルにランダム ノイズを追加します)。各タイルは 50x50 ピクセルです。

次に、どのタイルをどこに配置するかを表す「マップ」(この場合は「グリッド」と呼びます) があります。

そのマップから、より大きなマップBufferedImageが作成されます (これは単なる例であることに注意してください。実際のプログラムでは、ピクセルごとのコピーではなく、BufferedImage のコピーを使用する必要があります)。

マップは 9x7 で、各タイルは 50x50 ピクセルであるため、結果の画像は 9*50 x 7*50 (つまり 450 x 350) になります。

以下は、いくつかのタイルを使用してより大きな BufferedImage を作成する方法を示す、可能な限り短い単純な例であることに注意してください: 目標は、Swing の最適な使用方法や、パフォーマンスのすべてのビットを絞り込む方法についてのチュートリアルを提供することではありません。 BufferedImages など

import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.util.Random;

public class ToyTiled extends JFrame {

    private static final int IMAGE_TYPE = BufferedImage.TYPE_INT_ARGB;

    private BufferedImage img;

    public static void main( String[] args ) {
        new ToyTiled();
    }

    public ToyTiled() {
        super();
        this.add(new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                g.drawImage(img, 0, 0, null);
            }

        });
        img = new BufferedImage( 450, 350, IMAGE_TYPE );   // here you should create a compatible BufferedImage
        this.setSize(img.getWidth(), img.getHeight());
        this.setDefaultCloseOperation(DISPOSE_ON_CLOSE);


        final int NB_TILES = 4;
        BufferedImage[] tiles = new BufferedImage[NB_TILES];
        tiles[0] = createOneTile( new Color( 255, 255, 255 ) );
        tiles[1] = createOneTile( new Color( 255,   0, 255 ) );
        tiles[2] = createOneTile( new Color(   0,   0, 255 ) );
        tiles[3] = createOneTile( new Color(   0, 255, 255 ) );  

        final int[][] map = new int[][] {
                { 1, 0, 2, 3, 0, 1, 2, 2, 2 },
                { 0, 2, 3, 0, 1, 2, 2, 2, 3 },
                { 1, 0, 2, 3, 0, 1, 2, 2, 2 },
                { 2, 1, 0, 1, 2, 3, 2, 0, 0 },
                { 1, 0, 2, 3, 0, 1, 2, 2, 3 },
                { 1, 0, 2, 2, 1, 1, 2, 2, 3 },
                { 1, 0, 2, 3, 0, 1, 2, 2, 3 },
        };

        for (int i = 0; i < map[0].length; i++) {
            for (int j = 0; j < map.length; j++) {
                final BufferedImage tile = tiles[map[j][i]];
                for (int x = 0; x < tile.getWidth(); x++) {
                    for (int y = 0; y < tile.getHeight(); y++) {
                        img.setRGB( x + i * 50, y + j * 50, tile.getRGB(x,y) );
                    }
                }
            }
        }

        this.setVisible( true );
    }

    private BufferedImage createOneTile( final Color c ) {
        final Random r = new Random();
        final BufferedImage res = new BufferedImage( 50, 50, IMAGE_TYPE );
        for (int x = 0; x < res.getWidth(); x++) {
            for (int y = 0; y < res.getHeight(); y++) {
                res.setRGB( x, y, c.getRGB() - r.nextInt(150) );
            }
        }
        return res;
    }

}
于 2010-05-06T15:46:51.680 に答える
1

の一部を回転させたい場合は、BufferedImageこれらのクラス/メソッドが役立つ場合があります。

例:

import java.awt.Component;
import java.awt.event.ActionEvent;
import java.awt.geom.AffineTransform;
import java.awt.image.AffineTransformOp;
import java.awt.image.BufferedImage;
import java.awt.image.BufferedImageOp;
import java.io.IOException;
import java.net.URL;

import javax.imageio.ImageIO;
import javax.swing.AbstractAction;
import javax.swing.BoxLayout;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.WindowConstants;

public class TileTest extends JFrame {

    public static void main(String[] args) throws IOException {
        URL logo = new URL("http://sstatic.net/so/img/logo.png");
        TileTest tileTest = new TileTest(ImageIO.read(logo));
        tileTest.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
        tileTest.setVisible(true);
    }

    private TileTest(BufferedImage image) throws IOException {
        this.image = image; 
        setLayout(new BoxLayout(getContentPane(), BoxLayout.Y_AXIS));
        JLabel label = new JLabel(new ImageIcon(image));
        add(label);
        BufferedImage tile = image.getSubimage(0, 0, 61, 61);
        add(new JButton(new RotateAction(tile, label)));
        pack();
    }

    private BufferedImage image;

}

class RotateAction extends AbstractAction {

    public void actionPerformed(ActionEvent e) {
        BufferedImage tmpImage = op.filter(image, null);
        image.setData(tmpImage.getRaster());
        component.repaint();
    }

    RotateAction(BufferedImage image, Component component) {
        super("Rotate");
        this.component = component;
        this.image = image;
        double x = 0.5 * image.getWidth();
        double y = 0.5 * image.getHeight();
        AffineTransform xfrm =
            AffineTransform.getQuadrantRotateInstance(1, x, y);
        op = new AffineTransformOp(
            xfrm, AffineTransformOp.TYPE_NEAREST_NEIGHBOR);
    }

    private final Component component;

    private final BufferedImage image;

    private final BufferedImageOp op;

}
于 2010-05-07T23:49:58.453 に答える