---
title: หน้าจอ
slug: world-sdk-guide-th/zWjG0WAIG5bDPHnOk_zib
docTags: 
createdAt: 2024-09-02T08:34:13.135Z
---

## การใช้ฟังก์ชันการจับภาพหน้าจอ

คุณสามารถใช้ฟังก์ชันที่เกี่ยวข้องกับภาพของ ZepetoWorldContent API เพื่อบันทึกหรือแชร์ภาพภายในโลก และโพสต์ภาพไปยังฟีดได้

ZepetoWorldContent API มีฟังก์ชันที่เกี่ยวข้องกับภาพดังต่อไปนี้

| **API**                                                                                                   | **คำอธิบาย**                                                                                                                       |
| --------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| ZepetoWorldContent.SaveToCameraRoll(rt: UnityEngine.RenderTexture, result: System.Action$1)               | บันทึกรูปภาพไปยังห้องสมุดภาพถ่าย                                                                                                   |
| ZepetoWorldContent.SaveToCameraRoll(texture: UnityEngine.Texture2D, result: System.Action$1)              | บันทึกรูปภาพไปยังห้องสมุดภาพถ่าย                                                                                                   |
| ZepetoWorldContent.Share(rt: UnityEngine.RenderTexture, result: System.Action$1)                          | แชร์รูปภาพไปยังแอปพลิเคชันภายนอก                                                                                                   |
| ZepetoWorldContent.Share(texture: UnityEngine.Texture2D, result: System.Action$1)                         | แชร์รูปภาพไปยังแอปพลิเคชันภายนอก                                                                                                   |
| ZepetoWorldContent.CreateFeed(rt: UnityEngine.RenderTexture, contents: string, result: System.Action$1)   | อัปโหลดรูปภาพไปยังฟีด เนื้อหาของโพสต์สามารถระบุได้ผ่านอาร์กิวเมนต์ที่สอง, contents แท็กโลกจะถูกนำไปใช้โดยอัตโนมัติและโพสต์ไปยังฟีด |
| ZepetoWorldContent.CreateFeed(texture: UnityEngine.Texture2D, contents: string, $result: System.Action$1) | อัปโหลดรูปภาพไปยังฟีด เนื้อหาของโพสต์สามารถระบุได้ผ่านอาร์กิวเมนต์ที่สอง, contents แท็กโลกจะถูกนำไปใช้โดยอัตโนมัติและโพสต์ไปยังฟีด |



ต่อไปนี้คือตัวอย่างการเรียกใช้ฟังก์ชันภาพภายใน ZepetoWorldContent.

```typescript
ZepetoWorldContent.SaveToCameraRoll(this.renderTexture, (result: boolean) => {console.log(`ผลการบันทึก : ${result}`)});
ZepetoWorldContent.SaveToCameraRoll(this.texture2D, (result: boolean) => {console.log(`ผลการบันทึก : ${result}`)});

ZepetoWorldContent.Share(this.renderTexture, (result: boolean) => {console.log(`ผลการแชร์ : ${result}`)});
ZepetoWorldContent.Share(this.texture2D, (result: boolean) => {console.log(`ผลการแชร์ : ${result}`)});

ZepetoWorldContent.CreateFeed(this.renderTexture, "[เนื้อหา]", (result: boolean) => {console.log(`ผลการสร้างฟีด : ${result}`)});
ZepetoWorldContent.CreateFeed(this.texture2D, "[เนื้อหา]", (result: boolean) => {console.log(`ผลการสร้างฟีด : ${result}`)});
```



ต่อไปนี้คือตัวอย่างโค้ดที่ใช้ฟังก์ชันของโหมดภาพหน้าจอใน ZepetoWorldContent โดยใช้ RenderTexture.

```typescript
import { Camera, RenderTexture } from 'UnityEngine';
import { Button, Text } from 'UnityEngine.UI';
import { SpawnInfo, ZepetoPlayers } from 'ZEPETO.Character.Controller';
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { WorldService, ZepetoWorldContent } from 'ZEPETO.World';

export default class ZepetoWorldContentExample extends ZepetoScriptBehaviour {

    // ZepetoWorldContent UI สำหรับภาพหน้าจอ
    public cameraRenderButton: Button;
    public saveToCameraRollButton: Button;
    public shareButton: Button;
    public createFeedButton: Button;
    public logText: Text;

    // กล้องเรนเดอร์
    private camera: Camera;

    // เรนเดอร์เท็กซ์เจอร์
    public renderTexture: RenderTexture;

    Start() {
        ZepetoPlayers.instance.CreatePlayerWithUserId(WorldService.userId, new SpawnInfo(), true);
        ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => {
            this.camera = ZepetoPlayers.instance.LocalPlayer.zepetoCamera.camera;
        });

        this.cameraRenderButton.onClick.AddListener(() => {
            this.camera.targetTexture = this.renderTexture;
            this.camera.Render();
            this.camera.targetTexture = null;
        });

        this.saveToCameraRollButton.onClick.AddListener(() => {
            ZepetoWorldContent.SaveToCameraRoll(this.renderTexture, (result: boolean) => {
                this.logText.text = `ผลการบันทึก : ${result}`;
            });
        });

        this.shareButton.onClick.AddListener(() => {
            ZepetoWorldContent.Share(this.renderTexture, (result: boolean) => {
                this.logText.text = `ผลการแชร์ : ${result}`;
            });
        });

        this.createFeedButton.onClick.AddListener(() => {
            ZepetoWorldContent.CreateFeed(this.renderTexture, "[เนื้อหา]", (result: boolean) => {
                this.logText.text = `ผลการสร้างฟีด : ${result}`;
            });
        });
    }
}
```

:::hint{type="danger"}
- ไม่สามารถตรวจสอบได้ในโหมด Unity editor แต่สามารถตรวจสอบได้เมื่อเล่นในแอปพลิเคชัน
:::



## จับภาพหน้าจอ 

มอดูลจับภาพหน้าจอจะรวมอยู่ใน Build it Unity Plug-in และสามารถตรวจสอบสคริปต์ของโมดูลได้ที่ GitHub ด้านล่างนี้

:::hint{type="info"}
📘 **โมดูลจับภาพหน้าจอ Build it Unity Plug-in**

- [ลิงก์ไปยัง GitHub](https://github.com/Zepeto-TechEvangelist/zepeto_buildit_template/tree/main/Assets/BuilditTemplate/Modules/Screenshot)
:::

### วิธีการใช้ภาพหน้าจอ

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/jT8RlnrfDfZKUG57AzbQE_image.png)

ฟีเจอร์สกรีนช็อตสามารถใช้ได้โดยการกดไอคอนกล้องทางด้านขวาของหน้าจอ Play ของ Build it Unity Plug-in World

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/_P-YjWdx527Rn8LhoRXET_image.png)

- **1: ปุ่มโหมดเซลฟี**
  - ใช้สลับกล้องไปยังโหมดเซลฟี
- **2: ปุ่มถ่ายภาพ**
  - สามารถถ่ายภาพหน้าจอการเล่นได้ค่ะ
- **3: ปุ่มบันทึกวิดีโอ**
  - สามารถบันทึกหน้าจอการเล่นได้ค่ะ
- **4: ปุ่มออก**
  - คุณสามารถออกจากโหมดจับภาพหน้าจอได้

:::hint{type="info"}
✏️ **สมุด**

- บอลลูนคำพูดแชทติ้งไม่ได้ถ่ายทำ โปรดทราบไว้ด้วยนะคะ
:::



### การถ่ายภาพ

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/dwtOhNPliRcEJb0Ou-Hj8_image.png)

เมื่อกดปุ่มถ่ายภาพ จะปรากฏหน้าต่างป๊อปอัพเช่นด้านบนค่ะ หากกดปุ่ม Upload รูปที่ถ่ายจะถูกอัพโหลดไปยัง Zepeto Feed ของฉันทันทีค่ะ

- รูปภาพจะถูกอัปโหลดไปยังฟีดพร้อมกับข้อความพื้นฐาน Description ที่ตั้งค่าไว้ในสกรีนช็อต Prefab โปรดอ้างอิง[วิธีการเปลี่ยนข้อความจับภาพหน้าจอ Description](docId:7o-sUoPDjm50Vpoax6JwT)ถึงวิธีการเปลี่ยนข้อความพื้นฐาน  



คลิกที่ปุ่ม **Edit** เพื่อแก้ไขข้อความโพสต์ก่อนที่จะอัปโหลดภาพหน้าจอไปยังฟีดค่ะ

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/xMYxV3oyzx9EOXVhFASy5_image.png)

- **1: ปุ่มที่ใช้ร่วมกัน**
  - คุณสามารถแชร์ภาพหน้าจอได้
- **2: ปุ่มดาวน์โหลด**
  - ฉันสามารถบันทึกภาพหน้าจอในอุปกรณ์ของฉัน
- **3: ปุ่มออก**
  - คุณสามารถออกจากโหมด Edit ได้
- **4: หน้าต่างแสดงตัวอย่างภาพ**
  - คุณสามารถแสดงตัวอย่างภาพหน้าจอที่ถ่ายไว้ได้
- **5: แก้ไขข้อความโพสต์**
  - คุณสามารถแก้ไขข้อความที่จะอัปโหลดไปยัง Zepeto Feed พร้อมกับภาพหน้าจอค่ะ
- **6: ปุ่มอัปโหลด**
  - สามารถอัปโหลดภาพหน้าจอและข้อความไปยัง Zepeto Feed ค่ะ



### การบันทึกวิดีโอ

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/VYv4-316Iui5uCYuLf6OX_videorecording.gif)

การบันทึกจะเริ่มขึ้นเมื่อกดปุ่มบันทึกวิดีโอและแสดงเวลาบันทึกค่ะ



### โหมดเซลฟี

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/oNkb24lRswQuh3syXeJbX_image.png)

เมื่อคุณแตะที่ไอคอนถ่ายภาพหน้าจอ ไอคอนโหมดเซลฟีจะปรากฏขึ้น



![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/DK1ayOa9c0YMCf9XvqV8Y_image.png)

แตะไอคอนเพื่อเข้าสู่โหมดเซลฟี

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/UF_3BUBY0CUVjYaXXeale_selfiemode.gif)

ในโหมดเซลฟี ตัวละครจะหันมามองกล้อง หากกล้องขยับเกินมุมที่กำหนด ตัวละครจะหันกลับมามองด้านหน้า

คุณสามารถถ่ายภาพหรือวิดีโอได้ในขณะเปิดใช้งานโหมดเซลฟี

แตะไอคอนอีกครั้งเพื่อปิดโหมดเซลฟี และเมื่อออกจากฟีเจอร์ถ่ายภาพหน้าจอ โหมดเซลฟีก็จะถูกปิดโดยอัตโนมัติ



### วิธีการเปลี่ยนข้อความจับภาพหน้าจอ Description

เมื่ออัพโหลดโพสต์ผ่านปุ่ม **Upload** ของหน้าต่างป๊อปอัพ ภาพหน้าจอจะอัพโหลดพร้อมกับข้อความพื้นฐาน '**#ZEPETOWorld #ZEPETO #Bildy #World**' ค่ะ

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/sIjDFSFTg4yk5uRre_Jib_image.png)

ข้อความในกล่อง **Description** ที่ปรากฏเมื่อกดปุ่ม **Edit** ยังเป็นข้อความพื้นฐาน '#ZEPETOWorld #ZEPETO #Bildy #World'

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/sxuyTGnfV1c54e3Luy9q1_image.png)

วิธีการเปลี่ยนข้อความปริยาย Description มีดังนี้

::::WorkflowBlock
:::WorkflowBlockItem
ในบานหน้าต่าง **Hierarchy** ด้านซ้าย ให้เลือก **Managers > ScreenShot**

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/3DInnxVAhJovobrAnddHH_image.png" size="56" width="775" height="834" position="center" showCaption="false"}
:::

:::WorkflowBlockItem
ในหน้าต่าง **Inspector** ด้านขวา ให้กดปุ่ม **Open** ที่อยู่ใต้พื้นที่ Prefab เพื่อเปิด ScreenShot Prefab

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/SbVI4skTHoh0W_DzrrVuC_image.png" size="58" width="775" height="954" position="center" showCaption="false"}
:::

:::WorkflowBlockItem
ในบานหน้าต่าง **Hierarchy** ด้านซ้าย ให้เลือก **ScreenShot > SafeArea > ScreenShot > PreviewPanel > PreviewTextFieldPanel > PreviewInputField**

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/Ib0Eb7FFjRNuhxHU7DuBO_image.png" size="56" width="775" height="1156" position="center" showCaption="false"}
:::

:::WorkflowBlockItem
ค้นหาช่อง **Text** ในหน้าต่าง **Inspector** ด้านขวา และเปลี่ยนเป็นข้อความที่ต้องการ

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/rUvD-ckD5HzBU6mGixlAw_image.png" size="56" width="777" height="769" position="center" showCaption="false"}
:::
::::



การเปลี่ยนแปลงข้อความดังตัวอย่างด้านล่างจะยืนยันได้ว่าข้อความในกล่อง Description มีการเปลี่ยนแปลงค่ะ

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/BhuqM4jVZYsP2fWdid8vy_group-10.png" size="52" width="775" height="767" position="center" showCaption="false"}

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/8gaZrUOCSFzqwUC3rVe-H_image.png)



### เมื่อไม่เห็นไอคอนภาพหน้าจอ

![](https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/JGyQL9HpFb7Ew2_X0Lu1R_image.png)

เมื่อไม่เห็นปุ่มจับภาพหน้าจอทางด้านขวาของหน้าจอเล่นดังที่กล่าวมาแล้ว จะมีวิธีแก้ดังนี้

::::WorkflowBlock
:::WorkflowBlockItem
ในบานหน้าต่าง **Hierarchy** ด้านซ้าย ให้เลือก **Managers > ScreenShot**

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/zK7O2YKIa_ghgJxjkAaik_image.png" size="56" width="775" height="834" position="center" showCaption="false"}
:::

:::WorkflowBlockItem
กาเลือกที่กล่องตรวจสอบด้านซ้าย ในหน้าต่าง **Inspector** ด้านขวา

::Image[]{src="https://api.archbee.com/api/optimize/xv-TGeWVTX2GDZMFGOf1Y/-GClHzGBnUkcFswNNSepQ_image.png" size="50" width="785" height="767" position="center" showCaption="false"}
:::
::::