Immagini di esempio per codice e mark-up Domande e risposte [chiuso]


131

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

I tipi di immagini che potrebbero coprire la maggior parte delle domande sono: piccole immagini in più colori o forme, GIF animate con / senza trasparenza, JPEG che sono "coppie" di immagini e possono essere utilizzate in transizioni di immagini, set di tessere, fogli sprite.

Esistono immagini di piccole dimensioni (inferiori a 30 KB), in loco, senza licenza e royalty a cui possiamo fare hot link per questo tipo di esempi?


Vedi anche C'è un posto per "Immagini EG che possiamo hot-link negli esempi di codice"? . .. Dove diamine è la bandiera 'community Wiki' per questo Q&A? ..
Andrew Thompson,

Non ho votato in entrambi i modi, ma rimarrò stupito se questo non viene chiuso ed eliminato. È una domanda della lista della spesa.
Martin Smith,

1
@MartinSmith è domenica. Anche i programmatori devono riposare! ;)
Shadow Wizard è Ear For You,

@MartinSmith Apprezzo quello che stai dicendo. OTOH Spero che (quando contrassegnato Wiki della community - ho 'segnalato' la domanda per cercare di farlo accadere) è visto come abbastanza utile da dissuadere le persone dal votare per quello.
Andrew Thompson,

1
Sto votando per chiudere questa domanda come fuori tema perché appartiene a Meta Stack Overflow o Meta Stack Exchange.
Peter O.

Risposte:


71

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

Icone

Semplici forme geometriche 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 32x32 pixel (4 colori x 5 forme) con trasparenza parziale (lungo i bordi).

categorie:

  
  

Fogli di Sprite

Pezzi degli scacchi come visto inizialmente in questa risposta che include altri 2 set di sprite (stessa immagine in diversi colori).

Dettagli: 384x128 px (ciascuno sprite 64x64 px) PNG con trasparenza parziale.

categorie:

Animato

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

categorie:

BG solido

Bordo tratteggiato animato come mostrato in questa risposta .

Dettagli: 100x30 px con BG riempito (senza trasparenza)

Le stelle dello zoom come si vede in questa risposta , originariamente sviluppate come una "schermata" di uno screensaver.

Dettagli: 160x120 px con BG riempito (senza trasparenza)

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

Dettagli: 60x60 px con BG riempito (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 nello spesso della cintura di asteroidi). Meglio su una BG oscura.

Dettagli: GIF animate 450x450 e 150x150 px con trasparenza.

Immagini

Alba e tramonto sul CBD di Sydney, Australia
Tramonto e Venere su un telescopio sul Monte Stromlo, vicino a Canberra, in Australia.

categorie: + Transizioni di immagini

Dettagli: 480x320 px JPEG x 4. (Visualizzato qui a 1/2 dimensione.)


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

categorie: (Scorrimento)

Dettagli: 1474x436 px JPEG.

Panorama dell'alba

piastrelle

Questa mappa della Terra di Mercatore può essere piastrellata a sinistra / a 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 esso).

Dettagli: 640x316 px (aggiungi 44 px in basso al centro dell'equatore) PNG con BG trasparente.

categorie: (Scorrimento)

Mancia

Per ottenere gli URL delle immagini, è possibile "fare clic sul contesto" sull'immagine come visualizzata 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 'show source' e copialo dall'HTML.
  • Per quelli con abbastanza rappresentante. (100+, per modificare una risposta Wiki della community), vai a modificare la risposta ed estrarre l'URL dal testo.

Codice

Di seguito è una classe Java che divide il foglio di sprite del 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("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));
}

6
1+ e marcatura del libro!
Hovercraft Full Of Eels il

Risorsa eccellente. Sarebbe possibile anche collegare le icone dal repository grafico Java Look and Feel ?
splungebob

@splungebob Un buon modo per scoprirlo è creare una risposta e incorporarli. Preferirei non farlo nella mia risposta poiché la licenza di quelle immagini non mi è completamente chiara (tutte le immagini nella mia risposta sono state create da me).
Andrew Thompson,

1
@AndrewThompson Bella soluzione, +1 e anche la marcatura del libro!
user3437460
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.