Example Images for Code and Mark-up Q&As [closed]

When preparing an MCVE/SSCCE that involves images, having access to sample images can be particularly helpful. To alleviate the need for external image hosting or links, here are a variety of images that can be readily used for examples:

Icons:

• Simple Geometric Shapes: Java-generated PNG icons with transparent edges (4 colors x 5 shapes)
• Categories: png icons

Sprite Sheets:

• Chess Pieces: 384x128 px PNG with transparent background (each sprite 64x64 px)
• Categories: png sprite-sheet icons

Animated:

Solid BG:

• Animated Dashed Border: 100x30 px PNG with solid BG
• Zooming Stars: 160x120 px PNG with solid BG
• Animated Water: 60x60 px PNG with solid BG

Transparent BG:

• Orbital Animation: 450x450 & 150x150 px GIFs with transparency

Pictures:

• Sunrise & Moonset: 480x320 px JPEGs x 4
• Categories: jpeg slideshow Image Transitions
• Panorama at Dawn: 1474x436 px JPEG
• Categories: jpg panoramas animation (scrolling)

Tiles:

• Mercator Map of Earth: 640x316 px PNG with transparent BG, suitable for tiling left/right
• Categories: png tile animation (scrolling)

Code:

In addition to the images, a Java class is provided to split up the chess piece sprite sheet for easy integration into MCVE:

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.sstatic.net/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));
}

The above is the detailed content of Where Can I Find Example Images for Code and Markup Q&As?. For more information, please follow other related articles on the PHP Chinese website!