Przykładowe obrazy kodu i znaczników Pytania i odpowiedzi [zamknięte]

Question 1

Podczas przygotowywania MCVE / SSCCE, które obejmuje obrazy, warto mieć bezpośredni dostęp do obrazów.

Typy obrazów, które mogłyby odpowiadać na większość pytań, to: małe obrazy w wielu kolorach lub kształtach, animowane GIF-y z przezroczystością lub bez, pliki JPEG, które są „parami” obrazów i mogą być używane w przejściach obrazów, zestawach kafelków, arkuszach sprite ...

Czy są jakieś małe (poniżej 30 KB), dostępne na miejscu, bez licencji i bez tantiem, do których możemy dodać linki do tego typu przykładów?

Question 2

Oto kilka przykładowych obrazów do powszechnego użytku, głównie z istniejących odpowiedzi na SO.

Ikony

Proste kształty geometryczne wygenerowane przy użyciu języka Java, jak pierwotnie przedstawiono w tej odpowiedzi . Zawiera interfejs oparty na Javie, który definiuje adresy URL i ułatwia dostęp do nich.

Szczegóły: PNG 32x32 piksele (4 kolory x 5 kształtów) z częściową przezroczystością (wzdłuż krawędzi).

Kategorie: png ikony

Arkusze sprite

Chess Pieces, jak pierwotnie pokazano w tej odpowiedzi, która zawiera 2 inne zestawy sprite (ten sam obraz w różnych kolorach).

Szczegóły: 384x128 px (każdy sprite 64x64 px) PNG z częściową przezroczystością.

Kategorie: png arkusz sprite'a ikony

Ożywiony

GIF to jedyny format obrazu obsługujący animacje. Oto kilka przykładów.

Kategorie: gif animowany gif

Solidny BG

Animowana przerywana ramka, jak widać w tej odpowiedzi .

Szczegóły: 100x30 px z wypełnionym BG (bez przezroczystości)

Powiększające się gwiazdy, jak widać w tej odpowiedzi , pierwotnie opracowane jako „zrzut ekranu” wygaszacza ekranu.

Szczegóły: 160x120 px z wypełnionym BG (bez przezroczystości)

Animowana woda, jak widać w tej odpowiedzi na temat Animowanie kafelków w mojej grze .

Szczegóły: 60x60 px z wypełnionym BG (bez przezroczystości)

Przezroczysty BG

Animacja orbitalna, pierwotnie opracowana dla 1.1C . Orbity planet „wewnętrznych” (od Merkurego do Jowisza, z dodatkową orbitą pokazaną na grubości pasa asteroid). Lepiej na ciemnym BG.

Szczegóły: animowane GIF-y 450 x 450 i 150 x 150 pikseli z przezroczystością.

Kino

Wschód i zachód księżyca nad CBD w Sydney w Australii
Zachód słońca i Wenus przez teleskop na Mt Stromlo, niedaleko Canberra w Australii.

Kategorie: jpeg pokaz slajdów + Przejścia obrazu

Szczegóły: 480x320 px JPEGs x 4 (wyświetlane tutaj w rozmiarze 1/2).

Panorama at Dawn na południowo-wschodnich przedmieściach Sydney.

Kategorie: jpg panoramy animacja (przewijanie)

Szczegóły: 1474x436 px JPEG.

Płytki

Tę mapę Ziemi Mercatora można układać kafelkami w lewo / w prawo. Pierwotnie widoczny w tej odpowiedzi . Odpowiedź zawiera również drugą wersję obrazu, która pokazuje półprzezroczystą linię równika (która nie znajduje się w środku, ale znacznie poniżej).

Szczegóły: 640x316 px (dodaj 44 piksele na dole do środkowego równika) PNG z przezroczystym BG.

Kategorie: png dachówka animacja (przewijanie)

Wskazówka

Aby uzyskać adresy URL obrazów, możesz „kliknąć kontekstowo” obraz widoczny w przeglądarce i:

Pokaż właściwości. Adres URL można skopiować z wyświetlonego okna dialogowego.
Zobacz obrazek. Skopiuj adres URL z paska adresu przeglądarki.

Na przemian:

Użyj przeglądarki „pokaż źródło” i skopiuj je z HTML.
Dla tych z wystarczającą liczbą rep. (100+, aby edytować odpowiedź Wiki społeczności), przejdź do edycji odpowiedzi i wyciągnij adres URL z tekstu.

Kod

Poniżej znajduje się klasa Java, która dzieli arkusz sprite'a figury szachowej, nadający się do wklejenia do 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.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));
}