Exemples d'images pour les questions-réponses sur le code et le balisage [fermé]

131

Lors de la préparation d'un MCVE / SSCCE qui implique des images, il est utile d'avoir un accès direct aux images.

Les types d'images qui couvriraient la plupart des questions sont: de petites images de plusieurs couleurs ou formes, des GIF animés avec / sans transparence, des JPEG qui sont des `` paires '' d'images et peuvent être utilisés dans des transitions d'images, des jeux de tuiles, des feuilles de sprite.

Existe-t-il des images de petite taille (moins de 30 Ko), sur site, sans licence et sans redevance vers lesquelles nous pouvons créer un lien direct pour ces types d'exemples?

Andrew Thompson
la source
Voir aussi Y a-t-il une place pour «les images EG que nous pouvons relier à chaud dans les exemples de code»? . ..Où diable est le drapeau «Wiki de la communauté» pour cette Q&R? ..
Andrew Thompson
Je n'ai pas voté dans les deux cas, mais je serai étonné si cela n'est pas fermé et supprimé. C'est une question de liste de courses.
Martin Smith
1
@MartinSmith c'est dimanche. Même les programmeurs doivent se reposer! ;)
Shadow Wizard est une oreille pour vous
@MartinSmith J'apprécie ce que vous dites. OTOH J'espère que (lorsqu'il est marqué Wiki communautaire - j'ai «signalé» la question pour essayer de faire en sorte que cela se produise), il est considéré comme suffisamment utile pour dissuader les gens de voter pour cela.
Andrew Thompson
1
Je vote pour fermer cette question comme hors sujet car elle appartient à Meta Stack Overflow ou Meta Stack Exchange.
Peter O.

Réponses:

71

Voici quelques exemples d'images à usage courant, principalement à partir de réponses existantes sur SO.

Icônes

Formes géométriques simples générées à l'aide de Java comme vu à l'origine dans cette réponse . Il comprend une interface basée sur Java qui définit les URL et les rend faciles d'accès.

Détails: PNG 32x32 pixels (4 couleurs x 5 formes) avec transparence partielle (le long des bords).

Catégories:

  
  

Feuilles de sprite

Pièces d'échecs comme à l'origine vu sur cette réponse qui comprend 2 autres ensembles de sprites (même image dans des couleurs différentes).

Détails: 384x128 px (chaque sprite 64x64 px) PNG avec transparence partielle.

Catégories:

Animé

GIF est le seul format d'image qui prend en charge l'animation. Voici quelques exemples.

Catégories:

BG solide

Bordure en pointillé animée comme dans cette réponse .

Détails: 100x30 px avec BG rempli (sans transparence)

Zoomer sur les étoiles comme on le voit dans cette réponse , initialement développé comme une «capture d'écran» d'un économiseur d'écran.

Détails: 160x120 px avec BG rempli (sans transparence)

Eau animée comme on le voit dans cette réponse à Animation de tuiles dans mon jeu .

Détails: 60x60 px avec BG rempli (sans transparence)

BG transparent

Animation orbitale, initialement développée pour 1.1C . Les orbites des planètes «intérieures» (de Mercure à Jupiter, avec une orbite supplémentaire représentée dans l'épaisseur de la ceinture d'astéroïdes). Mieux sur un BG foncé.

Détails: GIF animés 450x450 et 150x150 px avec transparence.

Des photos

Lever et coucher de la lune sur le CBD de Sydney, Australie
Coucher du soleil et Vénus sur un télescope sur le mont Stromlo, près de Canberra, Australie.

Catégories: + Transitions d'image

Détails: JPEG 480x320 px x 4. (affiché ici en taille 1/2.)


Panorama à l'aube dans la banlieue sud-est de Sydney.

Catégories: (défilement)

Détails: JPEG 1474x436 px.

Panorama de l'aube

Carrelage

Cette carte Mercator de la Terre peut être carrelée gauche / droite. Vu à l'origine sur cette réponse . La réponse comprend également une deuxième version de l'image qui montre une ligne semi-transparente pour l'équateur (qui n'est pas au centre, mais nettement en dessous).

Détails: 640x316 px (ajouter 44 px en bas au centre de l'équateur) PNG avec BG transparent.

Catégories: (défilement)

Pointe

Pour obtenir les URL des images, vous pouvez `` cliquer contextuellement '' sur l'image comme indiqué dans le navigateur et soit:

  • Montrez les propriétés. L'URL peut être copiée à partir de la boîte de dialogue qui apparaît.
  • Voir l'image. Copiez l'URL de la barre d'adresse du navigateur.

Alternativement:

  • Utilisez le navigateur «show source» et copiez-le à partir du HTML.
  • Pour ceux qui ont assez de représentants. (100+, pour éditer une réponse Wiki communautaire), allez éditer la réponse et extrayez l'URL du texte.

Code

Vous trouverez ci-dessous une classe Java qui divise la feuille de sprite de la pièce d'échecs, adaptée pour être collée dans 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));
}
Andrew Thompson
la source
6
1+ et le marquage des livres!
Aéroglisseur plein d'anguilles
Excellente ressource. Serait-il possible de lier également les icônes du référentiel Java Look and Feel Graphics ?
splungebob
@splungebob Un bon moyen de le savoir est de créer une réponse et de l'intégrer. Je préférerais ne pas faire cela dans ma réponse car la licence de ces images n'est pas tout à fait claire pour moi (toutes les images de ma réponse ont été créées par moi).
Andrew Thompson
1
@AndrewThompson Belle solution, +1 et marquage de livres aussi!
user3437460