หน้าจอ

10min

การใช้ฟังก์ชันการจับภาพหน้าจอ
คุณสามารถใช้ฟังก์ชันที่เกี่ยวข้องกับภาพของ 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.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}`;
            });
        });
    }
}
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}`;
            });
        });
    }
}
﻿
ไม่สามารถตรวจสอบได้ในโหมด Unity editor แต่สามารถตรวจสอบได้เมื่อเล่นในแอปพลิเคชัน
﻿
ตัวอย่างภาพหน้าจอ
โปรเจกต์ตัวอย่างสามารถดาวน์โหลดได้จาก Github
📘 ตัวอย่างภาพหน้าจออย่างเป็นทางการ
Github : https://github.com/naverz/zepeto-multiplay-example﻿
👍  คำอธิบายตัวอย่างภาพหน้าจอ
นี่คือตัวอย่างโปรเจกต์ภาพหน้าจอที่ใช้ฟังก์ชันที่เกี่ยวข้องกับภาพของ ZepetoWorldContent API
ต้องทำการเข้าสู่ระบบ ZEPETO ก่อนที่คุณจะสามารถรันโปรเจกต์ได้
ประกอบด้วยโหมดเซลฟี่และโหมด ZepetoCamera การบันทึกหรือแชร์ภาพผ่าน RenderTexture และการใช้ภาพเพื่อสร้างฟีด
﻿
แนวทางสำหรับการนำไปใช้ในโปรเจกต์ที่มีอยู่
เมื่อใช้ในโปรเจกต์ที่มีอยู่ เราขอแนะนำให้คุณปฏิบัติตามแนวทางด้านล่างนี้
เวอร์ชัน Zepeto.World ต้องเป็น 1.21.14 หรือสูงกว่า.
คุณสามารถใช้ฟังก์ชัน ZepetoWorldContent ได้ตามปกติเมื่อดำเนินการภายในเวอร์ชัน 1.21.14 หรือสูงกว่า การอัปเดตเวอร์ชันสามารถทำได้ที่ Window - PackageManager - Zepeto.World
เลเยอร์ 21 ในโปรเจกต์ตัวอย่างถูกกำหนดให้เป็นผู้เล่น.
หากคุณใช้เลเยอร์ 21 ที่กำหนดเองเมื่อใช้กับโปรเจกต์ที่มีอยู่ โปรดแก้ไขค่าของ playerLayer ใน ZepetoScreenShotModule.ts.
﻿
﻿
ZepetoPlayers ต้องอยู่ในฉาก.
โค้ดการสร้างผู้เล่นต้องเขียนแยกต่างหาก.
โปรดดูไฟล์ PlayerCreator.ts ในโปรเจกต์.
คุณต้องแทรก ZepetoScreenShotModule ลงในฉาก.
﻿
ต้องใช้ Animator ที่เปิดใช้งาน IKPass
﻿
﻿
👍 IKPass
เมื่อใช้ ZepetoAnimator ที่มีอยู่แล้ว
ลากไฟล์ ZepetoAnimator จาก ZepetoPlayers ไปยัง Assets/... ในสภาพแวดล้อมท้องถิ่นและคัดลอกทรัพย์สินที่เกี่ยวข้อง
เปิดใช้งาน IKPass ของ ZepetoAnimator ที่คัดลอกมา,
และแทนที่ Animator Controller ของ ZepetoPlayers ด้วย Animator ที่เกี่ยวข้อง
เมื่อใช้ Custom Animator
เปิดใช้งาน IKPass ของ Animator ที่ใช้งานอยู่ในขณะนี้
﻿
ทิศทางการหมุนได้รับการสนับสนุนตามแนวนอน.
ตั้งค่าเป็นการจัดแนว - แนวนอนใน ZepetoWorldSetting.
﻿
﻿
เกี่ยวกับการตั้งค่ากล้อง
การตั้งค่ากล้องในโหมด ZepetoCamera จะปรับการตั้งค่าของ ZepetoPlayers - กล้อง.
﻿
﻿
การตั้งค่ากล้องในโหมดกล้องเซลฟี่จะเปลี่ยนค่าการตั้งค่าของ Selfie Camera.ts ใน Resources - Selfie Camera prefab.
﻿
﻿

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 แท็กโลกจะถูกนำไปใช้โดยอัตโนมัติและโพสต์ไปยังฟีด

อัปเดต 11 Oct 2024

หน้านี้ช่วยคุณได้หรือไม่?

การใช้ฟังก์ชันแชทด้วยเสียง

VideoRecording