Примеры изображений для кода и разметки. Вопросы и ответы [закрыто]

131

При подготовке MCVE / SSCCE , включающего изображения, полезно иметь прямой доступ к изображениям.

Типы изображений, которые охватывают большинство вопросов: небольшие изображения разных цветов или форм, анимированные GIF-файлы с / без прозрачности, JPEG-файлы, которые представляют собой «пары» изображений и могут использоваться в переходах изображений, наборах фрагментов, листах спрайтов ...

Существуют ли какие-либо небольшие (до 30 КБ) изображения на месте, без лицензионных отчислений и без лицензионных отчислений, на которые мы можем сделать горячую ссылку для этих типов примеров?

Эндрю Томпсон
источник
См. Также Есть ли место для «изображений EG, которые можно связать горячими ссылками в примерах кода»? , .. Где, черт возьми, находится флаг «Вики сообщества» для этих вопросов и ответов? ..
Эндрю Томпсон
Я не голосовал в любом случае, но буду удивлен, если это не будет закрыто и удалено. Это вопрос списка покупок.
Мартин Смит
1
@MartinSmith, сегодня воскресенье. Даже программисты должны отдыхать! ;)
Shadow Wizard is Ear For You
@MartinSmith Я ценю то, что вы говорите. OTOH Я надеюсь, что (когда я помечен как Вики сообщества - я «пометил» вопрос, чтобы попытаться добиться этого), он будет сочтен достаточно полезным, чтобы отговорить людей от голосования за это.
Эндрю Томпсон
1
Я голосую за то, чтобы закрыть этот вопрос как не по теме, потому что он относится к Meta Stack Overflow или Meta Stack Exchange.
Питер О.

Ответы:

71

Вот несколько примеров изображений для общего использования, в основном из существующих ответов на SO.

Иконки

Простые геометрические формы, созданные с использованием Java, как изначально было показано в этом ответе . Он включает интерфейс на основе Java, который определяет URL-адреса и упрощает доступ к ним.

Детали: PNG 32x32 пикселей (4 цвета x 5 форм) с частичной прозрачностью (по краям).

Категории:

  
  

Листы спрайтов

Шахматные фигуры, как это было изначально видно в этом ответе , включает в себя 2 других набора спрайтов (одно и то же изображение в разных цветах).

Детали: 384x128 пикселей (каждый спрайт 64x64 пикселей) PNG с частичной прозрачностью.

Категории:

Анимационная

GIF - единственный формат изображения, поддерживающий анимацию. Вот несколько примеров.

Категории:

Solid BG

Анимированная пунктирная граница, показанная в этом ответе .

Детали: 100x30 пикселей с заполненным BG (без прозрачности)

Масштабирование звезд, как видно из этого ответа , изначально было разработано как «снимок экрана» заставки.

Детали: 160x120 пикселей с заполненным BG (без прозрачности)

Анимированная вода, как показано в этом ответе на « Анимированные плитки в моей игре» .

Детали: 60x60 пикселей с заполненным BG (без прозрачности)

Прозрачный БГ

Орбитальная анимация, изначально разработанная для 1.1C . Орбиты «внутренних» планет (от Меркурия до Юпитера, с дополнительной орбитой, показанной в толще пояса астероидов). Лучше на темном БГ.

Подробности: анимированные GIF-файлы размером 450x450 и 150x150 пикселей с прозрачностью.

Картинки

Восход и заход луны над центральным деловым районом Сиднея, Австралия.
Закат и Венера над телескопом на горе Стромло, недалеко от Канберры, Австралия.

Категории: + Переходы изображений

Подробности: 480x320 пикселей в формате JPEG x 4 (здесь показано размером 1/2).


Панорама на рассвете юго-восточного пригорода Сиднея.

Категории: (Прокрутка)

Детали: 1474x436 пикселей JPEG.

Панорама рассвета

плитки

Эта карта Меркатора Земли может быть выложена плиткой влево / вправо. Первоначально видел в этом ответе . Ответ также включает в себя вторую версию изображения, на которой показана полупрозрачная линия для экватора (которая находится не в центре, а значительно ниже его).

Детали: 640x316 пикселей (добавьте 44 пикселя внизу к центру экватора) PNG с прозрачным BG.

Категории: (Прокрутка)

Наконечник

Чтобы получить URL-адреса изображений, вы можете «контекстно щелкнуть» по изображению, которое отображается в браузере, и либо:

  • Показать свойства. URL-адрес можно скопировать из появившегося диалогового окна.
  • Просмотр изображения. Скопируйте URL-адрес из адресной строки браузера.

С другой стороны:

  • Используйте браузер "показать источник" и скопируйте его из 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("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+ и книжная разметка!
Судно на воздушной подушке Full Of Eels
Отличный ресурс. Можно ли также связать значки из репозитория графики Java Look and Feel ?
splungebob 04
@splungebob Хороший способ узнать это - создать ответы и встроить их. Я бы предпочел не делать этого в своем ответе, так как лицензия на эти изображения мне не совсем ясна (все изображения в моем ответе были созданы мной).
Эндрю Томпсон
1
@AndrewThompson Хорошее решение, +1 и книжная разметка тоже!
user3437460