Приклади зображень для коду та позначки Q & As [закрито]


131

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

Типи зображень, які б охоплювали більшість питань, - це невеликі зображення в декількох кольорах або формах, анімовані GIF з / без прозорості, JPEG, які є "парами" зображень, і можуть використовуватися для переходів зображень, наборів плиток, аркушів спрайта ..

Чи є якісь невеликі (до 30 КБ) зображення на сайті, ліцензії та роялті-безкоштовні зображення, на які ми можемо посилатись на ці типи прикладів?


Дивіться також: Чи є місце для “зображень EG, на яких ми можемо гарячі посилання в прикладах коду”? . .. Де чорт прапор 'Вікі спільноти' для цього запитання? ..
Ендрю Томпсон

Я ні в якому разі не проголосував, але буду здивований, якщо це не закриється і не буде видалено. Це питання списку покупок.
Мартін Сміт

1
@MartinSmith це неділя. Навіть програмісти повинні відпочивати! ;)
Shadow Wizard is Ear For You

@MartinSmith Я ціную те, що ти кажеш. ОТО, я сподіваюся, що (коли позначено Вікі-спільнотою - я "позначив" питання, щоб спробувати зробити так, щоб це сталося), це вважається досить корисним, щоб відвернути людей від голосування за це.
Ендрю Томпсон

1
Я голосую, щоб закрити це питання поза темою, оскільки воно належить Meta Stack Overflow або Meta Stack Exchange.
Петро О.

Відповіді:


71

Ось декілька прикладних зображень для загального використання, здебільшого з існуючих відповідей на SO.

Значки

Прості геометричні фігури, створені за допомогою Java, як це було спочатку видно з цієї відповіді . Він включає інтерфейс на основі Java, який визначає URL-адреси та робить їх легким для доступу.

Деталі: PNG 32x32 пікселів (4 кольори x 5 фігур) з частковою прозорістю (по краях).

Категорії:

  
  

Спрайтові листи

Шахові п'єси, як спочатку видно з цієї відповіді, що включає 2 інші спрайтові набори (те саме зображення в різних кольорах).

Деталі: 384x128 px (кожен спрайт 64x64 px) PNG з частковою прозорістю.

Категорії:

Анімовані

GIF - єдиний формат зображення, який підтримує анімацію. Ось кілька прикладів.

Категорії:

Твердий БГ

Анімований пунктирний кордон, як видно з цієї відповіді .

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

Масштабування зірок, як видно з цієї відповіді , спочатку розвивалося як "знімок екрана" заставки.

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

Анімована вода, як видно з цієї відповіді на « Анімаційні плитки в моїй грі» .

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

Прозорий BG

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

Деталі: анімовані GIF-файли 450x450 & 150x150 px з прозорістю.

Картинки

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

Категорії: + Переходи зображення

Деталі: 480x320 px JPEG x 4 (відображається тут у розмірі 1/2).


Панорама на світанку через південно-східне передмістя Сіднея.

Категорії: (прокрутка)

Деталі: 1474x436 px JPEG.

Панорама світанку

Черепиця

Цю карту Землі Меркатора можна викласти ліворуч / праворуч. Спочатку бачили цю відповідь . Відповідь також включає другу версію зображення, яка показує напівпрозору лінію для екватора (яка знаходиться не в центрі, але значно нижче її).

Деталі: 640x316 px (додайте 44 px внизу до центрального екватора) 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+ та маркування книг!
Hovercraft Full Of Eels

Відмінний ресурс. Чи можна було б також зв’язатись із значками із сховища графіки Java Look and Feel ?
splungebob

@splungebob Хороший спосіб дізнатися це створити відповідь та вставити їх. Я вважаю за краще не робити цього у своїй відповіді, оскільки ліцензія цих зображень мені не зовсім зрозуміла (усі зображення у моїй відповіді були створені мною).
Ендрю Томпсон

1
@AndrewThompson Приємне рішення, +1 та маркування книг теж!
користувач3437460
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.