Imágenes de ejemplo para código y marcas de preguntas y respuestas [cerrado]

131

Al preparar un MCVE / SSCCE que involucra imágenes, es útil tener acceso directo a las imágenes.

Los tipos de imágenes que cubrirían la mayoría de las preguntas son: imágenes pequeñas en múltiples colores o formas, GIF animados con / sin transparencia, JPEG que son 'pares' de imágenes y pueden usarse en transiciones de imágenes, conjuntos de mosaicos, hojas de sprites ...

¿Hay algunas imágenes pequeñas (menos de 30 KB), en el sitio, sin licencia y libres de regalías a las que podamos hacer un enlace directo para este tipo de ejemplos?

Andrew Thompson
fuente
Consulte también ¿Hay un lugar para “Imágenes de EG que podamos enlazar en caliente en ejemplos de código”? . ¿Dónde diablos está la bandera de 'Wiki de la comunidad' para estas preguntas y respuestas? ..
Andrew Thompson
No he votado de ninguna manera, pero me sorprendería si esto no se cierra y se elimina. Es una pregunta de la lista de compras.
Martin Smith
1
@ MartinSmith es domingo. ¡Incluso los programadores deben descansar! ;)
Shadow Wizard is Ear For You
@ MartinSmith Aprecio lo que estás diciendo. OTOH Espero que (cuando marqué el Wiki de la comunidad - 'marqué' la pregunta para intentar que eso suceda) se considere lo suficientemente útil como para disuadir a las personas de votar por eso.
Andrew Thompson el
1
Estoy votando para cerrar esta pregunta como fuera de tema porque pertenece a Meta Stack Overflow o Meta Stack Exchange.
Peter O.

Respuestas:

71

Aquí hay algunas imágenes de ejemplo para uso común, principalmente de respuestas existentes en SO.

Íconos

Formas geométricas simples generadas usando Java como se ve originalmente en esta respuesta . Incluye una interfaz basada en Java que define las URL y facilita su acceso.

Detalles: PNG de 32x32 píxeles (4 colores x 5 formas) con transparencia parcial (a lo largo de los bordes).

Categorías:

  
  

Hojas de Sprite

Piezas de ajedrez como se vio originalmente en esta respuesta que incluye otros 2 conjuntos de sprites (misma imagen en diferentes colores).

Detalles: PNG de 384x128 px (cada sprite 64x64 px) con transparencia parcial.

Categorías:

Animado

GIF es el único formato de imagen que admite animación. Aquí están algunos ejemplos.

Categorías:

BG sólida

Borde discontinuo animado como se ve en esta respuesta .

Detalles: 100x30 px con BG llena (sin transparencia)

Zoom estrellas como se ve en esta respuesta , originalmente desarrollado como una 'captura de pantalla' de un protector de pantalla.

Detalles: 160x120 px con BG llena (sin transparencia)

Animated Water como se ve en esta respuesta a Animating Tiles In My Game .

Detalles: 60x60 px con BG llena (sin transparencia)

BG transparente

Animación orbital, desarrollada originalmente para 1.1C . Las órbitas de los planetas "internos" (de Mercurio a Júpiter, con una órbita adicional en el grueso del cinturón de asteroides). Mejor en un BG oscuro.

Detalles: GIF animados de 450x450 y 150x150 px con transparencia.

Imágenes

Amanecer y puesta de luna sobre el CDB de Sydney, Australia
Puesta de sol y Venus sobre un telescopio en el Monte Stromlo, cerca de Canberra, Australia.

Categorías: + Transiciones de imagen

Detalles: 480x320 px JPEGs x 4. (Se muestra aquí en tamaño 1/2).


Panorama al amanecer a través de los suburbios del sudeste de Sydney.

Categorías: (desplazamiento)

Detalles: 1474x436 px JPEG.

Panorama del amanecer

Losas

Este mapa de Mercator de la Tierra se puede colocar en mosaico a la izquierda / derecha. Originalmente visto en esta respuesta . La respuesta también incluye una segunda versión de la imagen que muestra una línea semitransparente para el ecuador (que no está en el centro, sino significativamente debajo de él).

Detalles: 640x316 px (agregue 44 px en la parte inferior del ecuador central) PNG con BG transparente.

Categorías: (desplazamiento)

Propina

Para obtener las URL de las imágenes, puede hacer 'clic contextual' en la imagen como se ve en el navegador y:

  • Mostrar las propiedades. La URL se puede copiar desde el cuadro de diálogo que aparece.
  • Ver imagen. Copie la URL de la barra de direcciones del navegador.

Alternativamente:

  • Utilice el navegador 'mostrar fuente' y cópielo del HTML.
  • Para aquellos con suficiente reputación. (100+, para editar una respuesta Wiki de la comunidad), vaya a editar la respuesta y extraiga la URL del texto.

Código

A continuación hay una clase de Java que divide la hoja de sprite de la pieza de ajedrez, adecuada para pegar en 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
fuente
66
1+ y marcado de libros!
Aerodeslizador lleno de anguilas
Excelente recurso ¿Sería posible vincular también los íconos del Repositorio de gráficos Java Look and Feel ?
splungebob
@splungebob Una buena manera de averiguarlo es crear una respuesta e incrustarlas. Prefiero no hacer eso en mi respuesta ya que la licencia de esas imágenes no está del todo clara para mí (todas las imágenes en mi respuesta fueron creadas por mí).
Andrew Thompson
1
@AndrewThompson ¡Buena solución, +1 y marca de libros también!
user3437460