はじめに

ARアプリで撮影した写真をAmazon S3にアップロードして画像のURLをQRコード表示するサンプルを作ってみた。
展示会などでARアプリを体験してくれた人達に記念撮影した写真のデータを渡せるような仕組みが欲しいと思ったので作った。

github.com f:id:sotanmochi-tech:20191122092334p:plain

主な実装

スクリーンショットを取得する
S3に画像データをアップロードする
QRコードを生成する

それぞれの実装方法は調べれば情報が出てくるけど、「スクリーンショット取得 ⇒ S3に画像アップロード ⇒ URLのQRコードを生成」という一覧の流れがまとまってるものは見つからなかった。

スクリーンショットを取得する

        private void TakePhoto()
        {
            StartCoroutine(TakePhotoCoroutine());
        }

        IEnumerator TakePhotoCoroutine()
        {
            _IsPreview = true;

            yield return new WaitForEndOfFrame();

            // Read pixels from screen(currently active RenderTexture) into the saved texture data.
            Texture2D preview = new Texture2D(Screen.width, Screen.height, TextureFormat.ARGB32, false, false);
            preview.ReadPixels(new Rect(0, 0, Screen.width, Screen.height), 0, 0);
            preview.Apply();

            _PhotoPreview.texture = preview;
            _PhotoPreviewUIRoot.SetActive(true);
        }

S3に画像データをアップロードする

PhotoUploadPresenter.cs の一部抜粋
以下のコードの「_StorageClient」は S3Storage.cs のインスタンス

        private async void OnClickSaveImage()
        {
            Texture2D tex2d = _PhotoPreview.texture as Texture2D;
            byte[] pngData = tex2d.EncodeToPNG();
            MemoryStream memoryStream = new MemoryStream(pngData);

            string dateTimeStr = DateTime.Now.ToString("yyyyMMddHHmmss");
            string filename = "Photo_" + dateTimeStr + ".png";

            var response = await _StorageClient.PubObjectAsync(_BucketName, filename, memoryStream, S3CannedACL.PublicRead);
            
            Debug.Log("Response: " + response.HttpStatusCode);
            if (response.HttpStatusCode == HttpStatusCode.OK)
            {
                string url = _StorageClient.GetPublicUrl(_BucketName, filename);
                _Qrcode.texture = QRCodeGenerator.GenerateQRCodeTexture(url, 256, 256);

                _PhotoPreviewUIRoot.SetActive(false);
                _QRCodeUIRoot.SetActive(true);
            }
            else
            {
                Debug.LogError("Response: " + response.HttpStatusCode);
            }
        }

QRコードを生成する

QRCodeGenerator.cs

using UnityEngine;
using ZXing;
using ZXing.QrCode;

namespace PhotoUploader
{
    public class QRCodeGenerator
    {
        public static Texture2D GenerateQRCodeTexture(string text, int width, int height)
        {
            Texture2D qrTex = new Texture2D(width, height);

            Color32[] pixels = Encode(text, width, height);
            qrTex.SetPixels32(pixels);
            qrTex.Apply();

            return qrTex;
        }

        public static Color32[] Encode(string text, int width, int height)
        {
            var writer = new BarcodeWriter
            {
                Format = BarcodeFormat.QR_CODE,
                Options = new QrCodeEncodingOptions
                {
                    Height = height,
                    Width = width
                }
            };
            return writer.Write(text);
        }
    }    
}