代码和标记的示例图像

在准备涉及图像的MCVE / SSCCE时,直接访问图像很有用。

涵盖大多数问题的图像类型是 - 多种颜色或形状的小图像,带有/不带透明度的动画GIF,JPEG图像“对”,可用于图像转换,拼贴集,精灵表。

是否有任何小的(不到30KB),现场的,许可证和免版税的图像,我们可以为这些类型的例子热连接?


以下是常用的一些示例图像,主要来自SO上的现有答案。

图标

使用Java生成的简单几何形状,如本答案中最初所见。 它包含一个基于Java的界面,用于定义URL并使其易于访问。

详细信息: 32x32像素PNG(4色x 5形状),部分透明(沿着边缘)。

分类: PNG图标



精灵表

国际象棋棋子最初看到这个答案,包括其他2个精灵集(不同颜色的相同图像)。

详细信息: 384x128像素(每个精灵64x64像素)PNG具有部分透明度。

分类: PNG精灵表图标

动画

GIF是唯一支持动画的图像格式。 这里有一些例子。

类别: gif动画gif

固体BG

在此答案中看到的动画虚线边框

详细信息:带填充BG的100x30像素(不透明)

缩放这个答案中看到的星星 ,最初是作为屏幕保护程序的“屏幕截图”开发的。

详细信息: 160x120像素,带有填充的BG(不透明)

在这个答案中看到动画水 ,在我的游戏中动画瓷砖。

详细信息: 60x60像素,带有填充的BG(不透明)

透明BG

轨道动画,最初为1.1C开发。 “内在”行星的轨道(从水星到木星,在小行星带上有一个额外的轨道)。 在黑暗的BG上更好。

详细信息: 450x450&150x150像素透明动画GIF。

图片

澳大利亚悉尼中央商务区的日出和月亮
澳大利亚堪培拉附近的Mt Stromlo 望远镜上的日落和金星

分类: jpeg幻灯片+图像转换

详细信息: 480x320 px JPEGs x 4.(以1/2尺寸显示。)


悉尼东南郊黎明全景

分类: jpg全景动画(滚动)

详细信息: 1474x436 px JPEG。

黎明全景

瓷砖

这个地球的墨卡托地图可以平铺左/右。 最初看到这个答案。 答案还包括图像的第二个版本,该图像显示赤道的半透明线(不在中心,但显着低于它)。

详细信息: 640x316像素(底部添加44像素到中心赤道)带透明BG的PNG。

分类: PNG动画(滚动)

小费

为了获取图像的URL,您可以在浏览器中看到图像上的“上下文点击”,并且可以:

  • 显示属性。 该URL可以从出现的对话框中复制。
  • 看图。 从浏览器地址栏复制网址。
  • 交替:

  • 使用浏览器'show source'并从HTML复制它。
  • 对于有足够代表的人来说。 (100+,编辑社区Wiki答案),编辑答案并从文本中提取URL。
  • 下面是一个Java类,它分解了棋子精灵表,适合粘贴到一个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://www.djcxy.com/uploads/images/1d/fa/1dfa46a7e7e57eeabb2d635ae9199361.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));
    }
    
    链接地址: http://www.djcxy.com/p/40203.html

    上一篇: Example images for code and mark

    下一篇: based game ("raytracing")