1. ホーム
  2. java

[解決済み] コードとマークアップのQ&A用画像例【非公開

2022-06-12 03:21:30

質問

を用意する場合 MCVE / SSCCE のように、画像を伴うものでは、画像に直接アクセスできることが有効です。

ほとんどの質問をカバーする画像のタイプは、複数の色や形の小さな画像、透明度のある/ないアニメーションGIF、画像の「ペア」であるJPEG&Amp; 画像遷移、タイルセット、スプライトシートで使用することができます...。

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

どのように解決するのですか?

一般的な使用例として、主にSO上の既存の回答からの画像を紹介します。

アイコンについて

シンプルな幾何学図形 で見たように、Java を使って生成されたものです。 この回答 . URLを定義し、簡単にアクセスできるようにするJavaベースのインターフェイスが含まれています。

詳細はこちら。 32x32 ピクセルの PNG (4 色 x 5 形状) で、部分的に透明化されています (縁に沿った)。

カテゴリ png アイコン

<ブロッククオート

<イグ <イグ <イグ <イグ <イグ <イグ <イグ


<イグ <イグ <イグ <イグ <イグ <イグ <イグ <イグ

スプライトシート

チェスの駒 元はといえば この回答 は、他の2つのスプライトセット(異なる色で同じ画像)を含んでいます。

詳細です。 384x128 px (各スプライト 64x64 px)のPNGで、部分的に透明化されています。

カテゴリです。 png スプライトシート アイコン

<ブロッククオート

アニメーション

GIF は、アニメーションをサポートする唯一の画像形式です。 以下はその例です。

カテゴリです。 ジフ アニメーテッドギフ

ソリッドBG

アニメーションの破線枠 で見られるように この回答 .

詳細です。 100x30 px、BG塗りつぶし(透明度なし)。

<ブロッククオート

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

詳細 160x120 px、BGは塗りつぶし(透明度なし)。

<ブロッククオート

水のアニメーション で見たように この回答 から 私のゲームでタイルをアニメーション化する .

詳細です。 60x60 pxでBGを塗りつぶす(透明度なし)。

<ブロッククオート

透明なBG

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

詳細。 450x450 & 150x150 pxのアニメーションGIFで、透過性があります。

<ブロッククオート

写真

日の出・日の入り オーストラリア・シドニー市街地上空

サンセット&ランプ、望遠鏡で金星 オーストラリア、キャンベラ近郊のストロムロ山にて。

カテゴリー jpeg スライドショー + 画像遷移

詳細 480x320px JPEG x 4。(ここでは1/2サイズで表示しています。)




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

カテゴリー jpg パノラマ アニメーション (スクロール)

詳細 1474x436 pxのJPEGです。

タイル

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

詳細。 640x316 px (赤道を中央に配置するため、下部に44 pxを追加) PNG、透明BG。

カテゴリ png タイル アニメーション (スクロール)

<ブロッククオート

ヒント

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

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

別の方法として

  • ブラウザの「ソースを表示」を使用し、HTMLからコピーします。
  • 十分な rep. (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));
}