136

画像を含むMCVE / SSCCEを準備する場合、画像に直接アクセスできると便利です。

ほとんどの質問に対応する画像の種類は、複数の色または形の小さな画像、透明度の有無にかかわらずアニメーション GIF、画像の「ペア」であり、画像のトランジション、タイル セット、スプライト シートで使用できる JPEG です。

これらのタイプの例のためにホットリンクできる小さな (30KB 未満の) オンサイトのライセンスおよびロイヤリティ フリーの画像はありますか?

4

1 に答える 1

74

主にSOに関する既存の回答から、一般的に使用される画像の例をいくつか示します。

アイコン

この回答で最初に見られたように、Java を使用して生成された単純な幾何学的形状。URL を定義して簡単にアクセスできるようにする Java ベースのインターフェースが含まれています。

詳細: 32x32 ピクセルの PNG (4 色 x 5 形状) で、部分的に透明です (エッジに沿って)。

カテゴリ:

  
  

スプライトシート

この回答で最初に見られたチェスの駒には、他の 2 つのスプライト セット (同じ画像が異なる色) が含まれています。

詳細: 384x128 ピクセル (各スプライトは 64x64 ピクセル) 部分透過の PNG。

カテゴリ:

アニメーション

GIF は、アニメーションをサポートする唯一の画像形式です。いくつかの例を次に示します。

カテゴリ:

ソリッドBG

この回答に見られるように、アニメーション化された破線の境界線。

詳細: 100x30 ピクセル、塗りつぶされた BG (透明度なし)

この回答に見られるように星をズームすると、元々はスクリーンセーバーの「スクリーンショット」として開発されました。

詳細: 160x120 ピクセル、塗りつぶされた BG (透明度なし)

Animating Tiles In My Gameへのこの回答に見られるアニメーション化された水。

詳細: 60x60 ピクセル、塗りつぶされた BG (透明度なし)

透過BG

もともと1.1C用に開発された軌道アニメーション。「内側」の惑星の軌道 (水星から木星まで、小惑星帯の厚い部分に余分な軌道が示されています)。暗い BG の方が適しています。

詳細:透明度のある 450x450 & 150x150 ピクセルのアニメーション GIF。

ピクチャー

オーストラリア、シドニーの CBD 上の日の出と月の入り。オーストラリア、キャンベラ近くのストロムロ山
の望遠鏡で見た日没と金星

カテゴリ: + 画像トランジション

詳細: 480x320 px JPEG x 4 (ここでは 1/2 サイズで表示されます)。


シドニー南東部郊外の夜明けのパノラマ。

カテゴリ: (スクロール)

詳細: 1474x436 ピクセルの JPEG。

夜明けのパノラマ

タイル

この地球のメルカトル図は、左右に並べて表示できます。もともとこの回答で見られました。回答には、赤道の半透明の線を示す 2 番目のバージョンの画像も含まれています (赤道は中央ではなく、そのかなり下にあります)。

詳細: 640x316 ピクセル (中央赤道の下部に 44 ピクセルを追加) 透明な BG を含む PNG。

カテゴリ: (スクロール)

ヒント

画像の URL を取得するには、ブラウザに表示される画像を「コンテキスト クリック」して、次のいずれかを行います。

  • プロパティを表示します。表示されるダイアログから URL をコピーできます。
  • 画像を表示します。ブラウザのアドレス バーから URL をコピーします。

代わりに:

  • ブラウザの「ソースを表示」を使用して、HTML からコピーします。
  • 十分な担当者がいる人向け。(100 以上、コミュニティ Wikiの回答を編集するには)、回答の編集に移動し、テキストから URL を取得します。

コード

以下は、MCVE への貼り付けに適した、チェスの駒のスプライト シートを分割する Java クラスです。

import java.awt.image.*;
import javax.imageio.*;
import java.net.*;
import java.io.*;
import java.util.*;

public final class ChessSprites {
    private ChessSprites() {}
    public static final int SIZE = 64;
    public static final BufferedImage SHEET;
    static {
        try {
            // see https://stackoverflow.com/a/19209651/2891664
            SHEET = ImageIO.read(new URL("https://i.stack.imgur.com/memI0.png"));
        } catch (IOException x) {
            throw new UncheckedIOException(x);
        }
    }
    public static final BufferedImage GOLD_QUEEN    = SHEET.getSubimage(0 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_QUEEN  = SHEET.getSubimage(0 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_KING     = SHEET.getSubimage(1 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_KING   = SHEET.getSubimage(1 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_ROOK     = SHEET.getSubimage(2 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_ROOK   = SHEET.getSubimage(2 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_KNIGHT   = SHEET.getSubimage(3 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_KNIGHT = SHEET.getSubimage(3 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_BISHOP   = SHEET.getSubimage(4 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_BISHOP = SHEET.getSubimage(4 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_PAWN     = SHEET.getSubimage(5 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_PAWN   = SHEET.getSubimage(5 * SIZE, SIZE, SIZE, SIZE);
    public static final List<BufferedImage> SPRITES =
        Collections.unmodifiableList(Arrays.asList(GOLD_QUEEN,  SILVER_QUEEN,
                                                   GOLD_KING,   SILVER_KING,
                                                   GOLD_ROOK,   SILVER_ROOK,
                                                   GOLD_KNIGHT, SILVER_KNIGHT,
                                                   GOLD_BISHOP, SILVER_BISHOP,
                                                   GOLD_PAWN,   SILVER_PAWN));
}
于 2013-10-06T13:57:56.937 に答える