Canvas - хорошая практика рендеринга?

В последнее время я использую Canvas для небольших игр Java, и я заметил, что может произойти много странных вещей. Например, ранее сегодня я создал небольшую игру, в которой цель состоит в том, чтобы стрелять в вражеские корабли и получать очки. Игра рисует крошечные 32x32 изображения на экране (иногда немного больше), и по какой-то причине я не обращаю внимания, игра выглядит странно.

Как вы можете видеть по изображению, текстуры действительно маленькие. Несмотря на это, игра отстает, а иногда вещи выглядят неправильно, например:

Если вы внимательно посмотрите на верхнюю часть панели работоспособности, вы увидите, что она слегка сдвинута вверх, она меня озадачивает, как он происходит, когда весь мой рендеринг буферизуется.

Как вы можете видеть в классе рендеринга, процесс визуализации выполняется столько раз, сколько возможно. Это должно дать игре максимально возможный FPS. Если вы пропустили то, что я прошу; Какие хорошие практики следует принимать во внимание при рендеринге вещей с использованием Java? И, что может быть причиной того, что бар для здоровья космических кораблей будет выглядеть так?

ПРИМЕЧАНИЕ: взгляните на это видео, я запустил эту программу и получил 80FPS с 50000 частицами, однако с моим кодом рендеринга (который, очевидно, имеет гораздо более низкое качество), я могу отображать всего лишь около 100 частиц, прежде чем вещи начинают испортиться.

Это моя функция tick(), она получает название каждой игры (10 мс)

Ответы

Ответ 1

Я думаю, что ответ @mantrid должен решить вашу проблему. насколько производительность идет... в вашем коде есть некоторые очевидные "грехи":

Не рисуйте изображение в изображение, чтобы нарисовать изображение

public void drawImage(BufferedImage img, double x, double y, double scale){
    x -= xScroll;
    y -= yScroll;
    BufferedImage image = new BufferedImage((int)(img.getWidth()*scale), (int)(img.getHeight()*scale), BufferedImage.TYPE_INT_ARGB);
    Graphics g = image.getGraphics();
    g.drawImage(img, 0, 0, (int)(img.getWidth()*scale), (int)(img.getHeight()*scale), null);
    g2d.drawImage(image, (int)x, (int)y, null);
    g.dispose();
}

Я не вижу смысла в этом. Почему бы просто не сделать это:

public void drawImage(BufferedImage img, double x, double y, double scale){
    g2d.drawImage(img, (int)(x-xScroll), (int)(y-yScroll), (int)(img.getWidth()*scale), (int)(img.getHeight()*scale), null);
}

AAAAAAAAAAAAA

Следующий на самом деле сожгли мои глаза

public void drawRectangle(double x, double y, int xs, int ys, int colour){
    if(xs <= 0){
        return;
    }
    x -= xScroll;
    y -= yScroll;
    BufferedImage image = new BufferedImage(xs, ys, BufferedImage.TYPE_INT_RGB);
    Graphics2D g = (Graphics2D) image.getGraphics();
    g.setColor(new Color(colour));
    g.fillRect(0, 0, xs, ys);
    g2d.drawImage(image, (int)x, (int)y, null);
    g.dispose();
}

Почему? Это намного проще и быстрее:

public void drawRectangle(double x, double y, int xs, int ys, int colour){
    if(xs <= 0)
        return;

    g2d.setColor(new Color(colour));
    g2d.fillRect((int)(x-xScroll), (int)(y-yScroll), xs, ys);
}

То же самое относится к drawImageRotated и drawString. Просто прямо в буфер g2d, чего вы боитесь?

drawImageBlurred

Прежде всего... ты делаешь это снова! Во-вторых: вы, кажется, применяете операцию свертки к изображению на каждом кадре, почему бы просто не сделать эту операцию один раз (например, в начале приложения или еще лучше в программе редактирования изображений).

Я не имею в виду это совсем не так, но вы явно не очень разбираетесь в программировании вообще. Я думаю, вы можете взглянуть на обработку (http://processing.org). Я вроде как предвзятый, потому что я использую его сам почти каждый день. Это отличная среда обучения и прототипирования, написанная в java, которая должна позволить вам перестать думать о деталях реализации (например, переворачивать буферы) и сосредоточиться на том, что вам действительно нравится (сделать игру!).

Хорошо, надеюсь, что я сказал, имеет смысл. Удачи вам в кодировании!:)

Ответ 2

Панель работоспособности может быть сдвинута, потому что когда отставание в игре, xScroll и yScroll обновляются, а компоненты/оверлеи все еще отображаются в backbuffer. Чтобы исправить это:

1) перемещать игровые объекты пропорционально времени, прошедшему с последнего обновления, чтобы поддерживать постоянную скорость игры. добавьте параметр delta в level.tick() и все методы обновления игровых объектов

2) поместите level.tick() и game.render() в одну и ту же последовательность циклов, чтобы обеспечить обновление игровых объектов:

currentTime = System.currentTimeMillis();
delta = currentTime - lastTime; 

if(level != null && !paused){
    level.tick(delta); // introduce delta here
    game.render();
}

lastTime = currentTime;

В общем, рассмотрим следующие дополнительные шаги:

1) установите Component.setIgnoreRepaint(true), чтобы ускорить рендеринг

2) оптимизировать изображения для текущего отображения в начале

GraphicsConfiguration gc = GraphicsEnvironment
.getLocalGraphicsEnvironment()
.getDefaultScreenDevice()
.getDefaultConfiguration();
Image optimized = gc.createCompatibleImage(img.getWidth(),img.getHeight(),Transparency.BITMASK);
optimized.getGraphics().drawImage(unoptimized, 0, 0, null);