콘텐츠 개발 기법 - URP 환경에서 Bloom 및 Volume 포함한 화면 캡처

Published: Sep 6, 2023 by BeatChoi

화면 캡처 :: Screen Capture

일반적으로 URP환경에서 Bloom 등의 Volume 이펙트들이 함께 캡처되지 않는 현상이 일어납니다.
두가지 원인이 있는데 첫번째는 저장할 Texture 및 Texture2D의 크기가 작아 모든 텍스쳐를 저장할 수 없는 경우와
두번째는 Linear color space의 픽셀을 텍스쳐에 저장 할 수 없는 경우가 있습니다.
이번 포스팅에서는 URP 환경에서 해당 이펙트들을 함께 캡쳐하는 방법을 알아봅니다.

유니티3D 에디터에서

스크립트 작성

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
using UnityEngine.UI;
using System.IO;
.
.
.
    public RawImage PhotoDownload;
.
.
.
    public void TakeScreenShot()
    {
        StartCoroutine(TakeScreenShotCo());
    }

    IEnumerator TakeScreenShotCo()
    {
        Directory.CreateDirectory(Application.persistentDataPath + "/Photos");

        RenderTexture renderTexture = new RenderTexture((int)Screen.width, (int)Screen.height, 24, RenderTextureFormat.DefaultHDR, RenderTextureReadWrite.sRGB);
        Texture2D texture = new Texture2D ((int)Screen.width, (int)Screen.height, TextureFormat.RGBAFloat, false, true);

        yield return new WaitForEndOfFrame();
        Camera.main.targetTexture = renderTexture;
        Camera.main.Render();
        RenderTexture.active = renderTexture;
        texture.ReadPixels (new Rect(0, 0, (int)Screen.width, (int)Screen.height), 0, 0);
        texture.Apply ();
        PhotoDownload.texture = texture;

        Camera.main.targetTexture = null;
        RenderTexture.active = null;
    }

    public void SavePhoto()
    {
        byte[] bytes;
        string fileExt;

        Texture2D texture = new Texture2D((int)Screen.width, (int)Screen.height, TextureFormat.RGBAFloat, false, true);
        texture = (Texture2D)PhotoDownload.mainTexture;

        Color[] pixels = texture.GetPixels();
        for (int p = 0; p < pixels.Length; p++)
        {
            pixels[p] = pixels[p].gamma;
        }
        texture.SetPixels(pixels);

        bytes = texture.EncodeToJPG();
        fileExt = ".jpg";

        Camera.main.targetTexture = null;
        RenderTexture.active = null;
        string filename = System.DateTime.Now.ToString(("yyyyMMddHHmmss")) + fileExt;
        File.WriteAllBytes(Application.persistentDataPath + "/Photos" + "/" + filename, bytes);
    }
  • RenderTexture 를 새로 선언하는 코드에 RenderTextureFormat.DefaultHDR, RenderTextureReadWrite.sRGB 두개의 인자를 추가합니다.
  • Texture2D를 새로 선언하는 코드에 TextureFormat 인자를 TextureFormat.RGBAFloat으로 변경합니다. 하단 SavePhoto() 함수에도 동일하게 적용합니다.
  • 위 부분에서 텍스쳐 포맷을 변경하여 Volume이 추가된 텍스쳐를 저장할 수 있도록 합니다.
  • SavePhoto()함수 중간에
    1
    2
    3
    4
    5
    6
    
          Color[] pixels = texture.GetPixels();
          for (int p = 0; p < pixels.Length; p++)
          {
              pixels[p] = pixels[p].gamma;
          }
          texture.SetPixels(pixels);
    
  • 를 통해 각 픽셀을 수작업으로 gamma color space로 변경해 줍니다.

테스트


<01. 적용 전 캡처본>


<02. 적용 후 캡처본>

Latest Posts

LightshipAR SDK 활용하기 - Maps SDK의 활용
LightshipAR SDK 활용하기 - Maps SDK의 활용

ARDK Maps SDK

Lightship의 geofencing 기능을 구현할 수 있는 Maps SDK 활용법을 알아봅니다.

콘텐츠 개발

프로젝트 세팅

본 포스팅은 ARDK 3.9 버전, Maps SDK 0.4 버전을 기준으로 작성합니다. 이전 포스팅을 참조하여 SDK를 임포트 합니다.

Top Down Map

  1. 네이버 지도같은 일반적인 탑-다운 맵을 구현해 봅니다.

Unity3D에서의 UI - Rect Transform
Unity3D에서의 UI - Rect Transform

Unity UI RectTransform :: 개요

UI 객체들의 위치, 크기, 기준점 등등을 담당하는 Rect Transform에 대하여 알아봅니다.

Unity3D에서의 UI - UI의 구성
Unity3D에서의 UI - UI의 구성

Unity UI :: 개요

Unity UI는 게임 및 애플리케이션용 사용자 인터페이스를 개발하는 데 쓰이는 간단한 UI 툴킷입니다. Unity UI는 게임 오브젝트 기반 UI 시스템으로, 컴포넌트와 게임 뷰를 사용하여 사용자 인터페이스를 배열하고 위치와 스타일을 지정합니다. Unity UI는 Unity 에디터 내 사용자 인터페이스에 대해 사용할 수 없습니다.https://docs.unity3d.com/kr/2019.1/Manual/UIToolkits.html