Beispielbilder für Code- und Markup-Fragen und Antworten [geschlossen]

131

Bei der Vorbereitung eines MCVE / SSCCE mit Bildern ist es hilfreich, direkten Zugriff auf Bilder zu haben.

Die Arten von Bildern, die die meisten Fragen abdecken würden, sind: kleine Bilder in mehreren Farben oder Formen, animierte GIFs mit / ohne Transparenz, JPEGs, die "Bildpaare" sind und in Bildübergängen, Kachelsätzen, Sprite-Blättern verwendet werden können.

Gibt es kleine (unter 30 KB) Bilder vor Ort, die lizenz- und lizenzgebührenfrei sind, auf die wir für diese Art von Beispielen einen Hotlink erstellen können?

Andrew Thompson
quelle
Siehe auch Gibt es einen Platz für "EG-Bilder, die wir in Codebeispielen verknüpfen können"? . ..Wo zum Teufel ist die 'Community Wiki'-Flagge für diese Fragen und Antworten? ..
Andrew Thompson
Ich habe so oder so nicht abgestimmt, aber ich werde erstaunt sein, wenn dies nicht geschlossen und gelöscht wird. Es ist eine Einkaufslistenfrage.
Martin Smith
1
@ MartinSmith es ist Sonntag. Auch Programmierer müssen sich ausruhen! ;)
Shadow Wizard ist Ear For You
@ MartinSmith Ich weiß zu schätzen, was Sie sagen. OTOH Ich hoffe, dass (wenn ich das Community-Wiki markiert habe - ich habe die Frage "markiert", um dies zu erreichen) es als nützlich genug angesehen wird, um die Leute davon abzubringen, dafür zu stimmen.
Andrew Thompson
1
Ich stimme dafür, diese Frage als nicht zum Thema gehörend zu schließen, da sie zu Meta Stack Overflow oder Meta Stack Exchange gehört.
Peter O.

Antworten:

71

Hier sind einige Beispielbilder für den allgemeinen Gebrauch, hauptsächlich aus vorhandenen Antworten auf SO.

Symbole

Einfache geometrische Formen, die mit Java generiert wurden, wie ursprünglich in dieser Antwort dargestellt . Es enthält eine Java-basierte Schnittstelle, die die URLs definiert und den Zugriff erleichtert.

Details: 32 x 32 Pixel PNG (4 Farben x 5 Formen) mit teilweiser Transparenz (entlang der Kanten).

Kategorien:

  
  

Sprite Sheets

Schachfiguren wie ursprünglich in dieser Antwort zu sehen , die 2 weitere Sprite-Sets enthält (dasselbe Bild in verschiedenen Farben).

Details: 384x128 px (jedes Sprite 64x64 px) PNG mit teilweiser Transparenz.

Kategorien:

Animiert

GIF ist das einzige Bildformat, das Animation unterstützt. Hier einige Beispiele.

Kategorien:

Feste BG

Animierter gestrichelter Rand wie in dieser Antwort gezeigt .

Details: 100x30 px mit gefülltem Hintergrund (keine Transparenz)

Zoomende Sterne, wie in dieser Antwort zu sehen , wurden ursprünglich als "Screenshot" eines Bildschirmschoners entwickelt.

Details: 160x120 px mit gefülltem Hintergrund (keine Transparenz)

Animiertes Wasser wie in dieser Antwort auf Animating Tiles In My Game zu sehen .

Details: 60x60 px mit gefülltem Hintergrund (keine Transparenz)

Transparenter Hintergrund

Orbitalanimation, ursprünglich für 1.1C entwickelt . Die Umlaufbahnen der "inneren" Planeten (von Merkur bis Jupiter, mit einer zusätzlichen Umlaufbahn in der Dicke des Asteroidengürtels). Besser auf einem dunklen Hintergrund.

Details: 450x450 & 150x150 px animierte GIFs mit Transparenz.

Bilder

Sonnenaufgang und Monduntergang über dem Geschäftsviertel von Sydney, Australien
Sonnenuntergang und Venus über einem Teleskop auf dem Stromlo in der Nähe von Canberra, Australien.

Kategorien: + Bildübergänge

Details: 480x320 px JPEGs x 4. (Hier in 1/2 Größe angezeigt.)


Panorama im Morgengrauen über die südöstlichen Vororte von Sydney.

Kategorien: (Scrollen)

Details: 1474 x 436 px JPEG.

Morgendämmerungspanorama

Fliesen

Diese Mercator-Karte der Erde kann links / rechts gekachelt werden. Ursprünglich auf dieser Antwort gesehen . Die Antwort enthält auch eine zweite Version des Bildes, die eine halbtransparente Linie für den Äquator zeigt (die nicht in der Mitte, sondern deutlich darunter liegt).

Details: 640x316 px (44 px unten zum mittleren Äquator hinzufügen) PNG mit transparentem BG.

Kategorien: (Scrollen)

Trinkgeld

Um die URLs der Bilder abzurufen, können Sie auf das Bild klicken, wie es im Browser angezeigt wird, und entweder:

  • Zeigen Sie die Eigenschaften. Die URL kann aus dem angezeigten Dialogfeld kopiert werden.
  • Bild ansehen. Kopieren Sie die URL aus der Adressleiste des Browsers.

Abwechselnd:

  • Verwenden Sie den Browser 'show source' und kopieren Sie ihn aus dem HTML-Code.
  • Für diejenigen mit genügend Wiederholungen. (100+, um eine Community-Wiki-Antwort zu bearbeiten ), gehen Sie, um die Antwort zu bearbeiten und die URL aus dem Text zu ziehen.

Code

Im Folgenden finden Sie eine Java-Klasse, die das Sprite-Blatt für Schachfiguren aufteilt und zum Einfügen in ein MCVE geeignet ist:

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
quelle
6
1+ und Buchmarkierung!
Luftkissenfahrzeug voller Aale
Ausgezeichnete Ressource. Wäre es möglich, auch die Symbole aus dem Java Look and Feel Graphics Repository zu verknüpfen ?
Splungebob
@splungebob Eine gute Möglichkeit, dies herauszufinden, besteht darin, eine Antwort zu erstellen und sie einzubetten. Ich würde es vorziehen, dies in meiner Antwort nicht zu tun, da mir die Lizenz dieser Bilder nicht ganz klar ist (alle Bilder in meiner Antwort wurden von mir erstellt).
Andrew Thompson
1
@ AndrewThompson Schöne Lösung, +1 und Buchmarkierung auch!
user3437460