Как делать скриншоты в Unity играх?

Во многих играх, особенно сетевых, очень часто разработчики добавляют возможность игрокам делится друг с другом достигнутыми результатами в игре. Одним из таких способов является выполнение скриншота, когда можно сделать снимок экрана, результата или особенного момента в игре.

В Unity также не обошли стороной эту возможность и предоставили разработчикам необходимый функционал – выполнять снимки экрана без особых усилий. Для этого существует два способа, давайте рассмотрим их подробнее.

1. Выполнение снимка экрана через метод ScreenCapture.CaptureScreenshot.
2. Выполнение снимка с камеры через RenderTexture.

В первом случае с помощью метода ScreenCapture.CaptureScreenshot выполняется просто снимок экрана. Использовать его достаточно просто: при вызове метода, необходимо указать имя снимка и его масштабирование. На ПК этот метод аналогичен выполнению скриншота с помощью сочетания кнопок Ctrl+Print. Этот метод удобен своей простотой выполнения снимка – “как есть”, без каких либо условий.

Для примера – используем простую заготовку для игры с готовым меню.

Здесь по нажатию кнопки “сделать снимок” выполняется скриншот через метод ScreenCapture.CaptureScreenshot в скрипте PhotoCapture.

1. public class PhotoCapture : MonoBehaviour {
2.  
3.  public void MakeScrenshot() {
4.    ScreenCapture.CaptureScreenshot(“Screenshot01”, 1);
5.  }
6.  
7. }

Добавляем этот скрипт на камеру и добавляем кнопке “сделать снимок” нужное действие в поле OnClick.

После выполнения скриншота, мы получим точную копию снимка экрана со всеми элементами – все достаточно просто. Но здесь есть одно неудобство, само меню закрывает почти весь экран и мы не видим, что конкретно происходит на сцене в игре. Чтобы получить “чистое” изображение – только с теми элементами, которые нам бы хотелось показать другим игрокам, необходимо воспользоваться вторым способом выполнения снимка с помощью RenderTexture. Для этого нам понадобится еще одна камера и немножко поработать со слоями.

У каждой камеры в настройках есть параметр Texture Target, куда можно поместить RenderTexture и тем самым получить в виде текстуры именно то изображение, которое сейчас “видит” камера.

RenderTexture, как понятно из названия, тоже текстура, отличается она только большим числом настроек и возможностью сохранять изображение с камеры. Это именно то, что нам необходимо, для выделения объектов на скриншоте. 

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

Теперь укажем новой камере слои, которые необходимо отображать новой камере. Здесь достаточно просто убрать слой UI, чтобы скрыть меню в новой камере. Далее уменьшаем глубину рендера Depth так, чтобы она была меньше, чем у главной камеры. Это необходимо, чтобы новая камера не работала поверх главной.

Переходим к скрипту PhotoCapture. Для начала сотрем все, что было в методе MakeScrenshot и объявим переменную Camera для новой камеры.

public class PhotoCapture : MonoBehaviour {

 public Camera captureCamera;

 public void MakeScrenshot() {

 }

}

В переменной captureCamera будет хранится ссылка на новую камеру. Теперь переходим в метод MakeScrenshot, где первым действием создадим новую текстуру Texture2D. Так как изображение в RenderTexture постоянно обновляется, необходимо будет перенести полученное изображение с камеры в отдельную текстуру, которую в дальнейшем мы сможем использовать как угодно: сохранить, редактировать или поделится с другими игроками.

1. public void MakeScrenshot() {
2.  int width = this.captureCamera.pixelWidth;
3.  int height = this.captureCamera.pixelHeight;
4.  Texture2D texture = new Texture2D(width, height);
5. }

Далее необходимо получить текущую RenderTexture из “архива”, для этого воспользуемся статическим методом GetTemporary класса RenderTexture.

1. public void MakeScrenshot() {
2.  int width = this.captureCamera.pixelWidth;
3.  int height = this.captureCamera.pixelHeight;
4.  Texture2D texture = new Texture2D(width, height);
5.  
6.  RenderTexture targetTexture = RenderTexture.GetTemporary(width, height);
7. }

Эта текстура targetTexture будет целевой, куда новая камера будет “рендерить” изображение со сцены.

1. public void MakeScrenshot() {
2.  int width = this.captureCamera.pixelWidth;
3.  int height = this.captureCamera.pixelHeight;
4.  Texture2D texture = new Texture2D(width, height);
5.  
6.  RenderTexture targetTexture = RenderTexture.GetTemporary(width, height);
7.  
8.  this.captureCamera.targetTexture = targetTexture;
9.  this.captureCamera.Render();
10. }

Указываем камере текстуру, в которую необходимо поместить изображение и вызываем метод Render, который “заставит” камеру произвести единоразовый снимок сцены. 

Теперь необходимо поместить целевую текстуру targetTexture, которую мы брали из архива, обратно, так как теперь очередь главной камеры “рендерить” сцену.

1. public void MakeScrenshot() {
2.  int width = this.captureCamera.pixelWidth;
3.  int height = this.captureCamera.pixelHeight;
4.  Texture2D texture = new Texture2D(width, height);
5.  
6.  RenderTexture targetTexture = RenderTexture.GetTemporary(width, height);
7.  
8.  this.captureCamera.targetTexture = targetTexture;
9.  this.captureCamera.Render();
10.  
11.  
12.  RenderTexture.active = targetTexture;
13. }

Готово. В переменной targetTexture хранится изображение с новой камеры, пока главная камера еще не успела поместить в эту же переменную свое изображение, необходимо перенести изображение из RenderTexture в обычную текстуру Texture2D.

1. public void MakeScrenshot() {
2.  int width = this.captureCamera.pixelWidth;
3.  int height = this.captureCamera.pixelHeight;
4.  Texture2D texture = new Texture2D(width, height);
5.  
6.  RenderTexture targetTexture = RenderTexture.GetTemporary(width, height);
7.  
8.  this.captureCamera.targetTexture = targetTexture;
9.  this.captureCamera.Render();
10.  
11.  
12.  RenderTexture.active = targetTexture;
13.  
14.  Rect rect = new Rect(0, 0, width, height);
15.  texture.ReadPixels(rect, 0, 0);
16.  texture.Apply();
17. }

Чтобы скопировать содержимое одной текстуры в другую, необходимо воспользоваться методом ReadPixels и указать какую область (Rect) с пикселями необходимо скопировать. Теперь у нас имеется полное изображение в новой текстуре, с которым можно дальше работать. К примеру, вывести его на экран сразу после выполнения снимка с помощью того же UI.

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

Заключение

Такой подход “рендера в текстуру” можно использовать для создания миникарты, разных эффектов с камерами или создания камер которые будут показывать изображения на любых поверхностях.