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

133

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?

Andrew Thompson
źródło
Zobacz także Czy jest miejsce na „Obrazy EG, które możemy połączyć na gorąco w przykładach kodu”? . ..Gdzie do cholery jest flaga „Wiki społeczności” dla tego pytania i odpowiedzi? ..
Andrew Thompson,
I tak nie głosowałem, ale zdziwię się, jeśli to nie zostanie zamknięte i usunięte. To jest pytanie dotyczące listy zakupów.
Martin Smith
1
@MartinSmith jest niedziela. Nawet programiści muszą odpocząć! ;)
Shadow Wizard is Ear For You
@MartinSmith Doceniam to, co mówisz. OTOH Mam nadzieję, że (kiedy oznaczono społeczność Wiki - „oflagowałem” pytanie, aby spróbować i tak się stało) jest postrzegane jako wystarczająco przydatne, aby zniechęcić ludzi do głosowania na to.
Andrew Thompson,
1
Głosuję za zamknięciem tego pytania jako niezwiązanego z tematem, ponieważ należy ono do Meta Stack Overflow lub Meta Stack Exchange.
Peter O.,

Odpowiedzi:

72

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:

  
  

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:

Ożywiony

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

Kategorie:

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: + 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: (przewijanie)

Szczegóły: 1474x436 px JPEG.

Dawn Panorama

Płytki

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: (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));
}
Andrew Thompson
źródło
6
1+ i znakowanie książek!
Poduszkowiec pełen węgorzy
Doskonały zasób. Czy byłoby możliwe dodanie linków do ikon z repozytorium graficznego Java Look and Feel ?
splungebob
@splungebob Dobrym sposobem, aby się tego dowiedzieć, jest utworzenie odpowiedzi i osadzenie jej. Wolałbym tego nie robić w mojej odpowiedzi, ponieważ licencja na te obrazy nie jest dla mnie całkowicie jasna (wszystkie obrazy w mojej odpowiedzi zostały stworzone przeze mnie).
Andrew Thompson,
1
@AndrewThompson Niezłe rozwiązanie, +1 i znakowanie książek!
user3437460