Immagini di esempio per codice e mark-up Q & A

Quando si prepara un MCVE / SSCCE che coinvolge immagini, è utile avere accesso diretto alle immagini.

I tipi di immagini che coprono la maggior parte delle domande sono: piccole immagini in più colors o forms, GIF animate con / senza trasparenza, JPEG che sono ‘coppie’ di immagini e possono essere utilizzate in transizioni di immagini, set di tessere, fogli di sprite.

Sono disponibili immagini di piccole dimensioni (meno di 30KB), on-site, su licenza e senza diritti d’autore, a cui è ansible collegarsi tramite hot-link per questi tipi di esempi?

    Ecco alcune immagini di esempio per uso comune, principalmente da risposte esistenti su SO.

    Icone

    Forme geometriche semplici generate utilizzando Java come originariamente visto in questa risposta . Include un’interfaccia basata su Java che definisce gli URL e li rende di facile accesso.

    Dettagli: PNG 32×32 pixel (4 colors x 5 forms) con trasparenza parziale (lungo i bordi).

    Categorie: icone png


    Fogli di Sprite

    Pezzi degli scacchi come originariamente visti in questa risposta che include 2 altri set di sprite (stessa immagine in diversi colors).

    Dettagli: 384×128 px (ogni sprite 64×64 px) PNG con trasparenza parziale.

    Categorie: icone png sprite-sheet

    Animato

    GIF è l’unico formato di immagine che supporta l’animazione. Ecco alcuni esempi.

    Categorie: gif animato-gif

    BG solido

    Bordo tratteggiato animato come visto in questa risposta .

    Dettagli: 100×30 px con BG riempita (senza trasparenza)

    Lo zoom delle stelle come visto in questa risposta , originariamente sviluppato come una “schermata” di uno screensaver.

    Dettagli: 160×120 px con BG riempita (senza trasparenza)

    Acqua animata come si vede in questa risposta ad Animating Tiles In My Game .

    Dettagli: 60×60 px con BG riempita (senza trasparenza)

    BG trasparente

    Animazione orbitale, originariamente sviluppata per 1.1C . Le orbite dei pianeti “interni” (da Mercurio a Giove, con un’orbita extra mostrata nel folto della cintura di asteroidi). Meglio su una BG scura.

    Dettagli: GIF animate 450×450 e 150×150 px con trasparenza.

    Immagini

    Alba e luna calante sopra il CBD di Sydney, in Australia
    Tramonto e Venere sopra un telescopio sul Monte Stromlo, vicino a Canberra, in Australia.

    Categorie: jpeg slideshow + Image Transitions

    Dettagli: 480×320 px JPEG x 4 (visualizzati in 1/2).


    Panorama all’alba attraverso la periferia sud-orientale di Sydney.

    Categorie: jpg panoramas animation (scrolling)

    Dettagli: 1474×436 px JPEG.

    Dawn Panorama

    piastrelle

    Questa mappa della Terra di Mercator può essere affiancata a sinistra / destra. Originariamente visto su questa risposta . La risposta include anche una seconda versione dell’immagine che mostra una linea semitrasparente per l’equatore (che non è al centro, ma significativamente al di sotto di essa).

    Dettagli: 640×316 px (aggiungi 44 px in basso all’equatore centrale) PNG con BG trasparente.

    Categorie: animazione tessera png (scorrimento)

    Mancia

    Per ottenere gli URL delle immagini, è ansible fare clic con il pulsante destro del mouse sull’immagine come si vede nel browser e:

    • Mostra le proprietà. L’URL può essere copiato dalla finestra di dialogo che appare.
    • Guarda l’immagine. Copia l’URL dalla barra degli indirizzi del browser.

    In alternativa:

    • Usa il browser “mostra sorgente” e copialo da HTML.
    • Per quelli con abbastanza rep. (100+, per modificare una risposta Wiki della comunità), andare a modificare la risposta e tirare l’URL dal testo.

    Codice

    Di seguito è riportata una class Java che suddivide il foglio sprite pezzo degli scacchi, adatto per incollare in un 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("http://sofit.miximages.com/image/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 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)); }