ท่าทาง

1import { OfficialContentType, WorldService, ZepetoWorldContent, Content } from 'ZEPETO.World';

1import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; 2import { Content } from 'ZEPETO.World'; 3import { RawImage, Text } from 'UnityEngine.UI'; 4import { Texture2D } from 'UnityEngine'; 5 6export default class Thumbnail extends ZepetoScriptBehaviour { 7 8 @HideInInspector() public content: Content; 9 10 Start() { 11 this.GetComponentInChildren<Text>().text = this.content.Title; 12 this.GetComponentInChildren<RawImage>().texture = this.content.Thumbnail as Texture2D; 13 } 14 15}

1import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; 2import { LocalPlayer, SpawnInfo, ZepetoCharacter, ZepetoPlayers } from 'ZEPETO.Character.Controller'; 3import { OfficialContentType, WorldService, ZepetoWorldContent, Content } from 'ZEPETO.World'; 4import { RawImage, Text, Button } from 'UnityEngine.UI'; 5import { GameObject, Texture2D, Transform, WaitUntil } from 'UnityEngine'; 6import Thumbnail from './Thumbnail'; 7 8export default class GestureLoader extends ZepetoScriptBehaviour { 9 10 @HideInInspector() public contents: Content[] = []; 11 @HideInInspector() public thumbnails: GameObject[] = []; 12 13 @SerializeField() private _count: number = 50; 14 @SerializeField() private _contentsParent: Transform; 15 @SerializeField() private _prefThumb: GameObject; 16 17 private _myCharacter: ZepetoCharacter; 18 19 Start() { 20 // Creating a Character 21 ZepetoPlayers.instance.CreatePlayerWithUserId(WorldService.userId, new SpawnInfo(), true); 22 23 ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => { 24 this._myCharacter = ZepetoPlayers.instance.LocalPlayer.zepetoPlayer.character; 25 26 // In order to take a thumbnail with my character, You need to request the content after the character is created. 27 this.ContentRequest(); 28 }); 29 } 30 31 32 // 1. Receive content from the server 33 private ContentRequest() { 34 35 // All Type Request 36 ZepetoWorldContent.RequestOfficialContentList(OfficialContentType.All, contents => { 37 this.contents = contents; 38 39 for (let i = 0; i < this._count; i++) { 40 if (!this.contents[i].IsDownloadedThumbnail) { 41 // Take a thumbnail photo using my character 42 this.contents[i].DownloadThumbnail(() =>{ 43 this.CreateThumbnailObjcet(this.contents[i]); 44 }); 45 } else { 46 this.CreateThumbnailObjcet(this.contents[i]); 47 } 48 } 49 }); 50 51 } 52 53 // 2. Creating Thumbnail Objects 54 private CreateThumbnailObjcet(content: Content) { 55 const newThumb: GameObject = GameObject.Instantiate(this._prefThumb, this._contentsParent) as GameObject; 56 newThumb.GetComponent<Thumbnail>().content = content; 57 58 // Button Listener for each thumbnail 59 newThumb.GetComponent<Button>().onClick.AddListener(() => { 60 this.LoadAnimation(content); 61 }); 62 63 this.thumbnails.push(newThumb); 64 } 65 66 // 3. Loading Animation 67 private LoadAnimation(content: Content) { 68 // Verify animation load 69 if (!content.IsDownloadedAnimation) { 70 // If the animation has not been downloaded, download it. 71 content.DownloadAnimation(() => { 72 // play animation clip 73 this._myCharacter.SetGesture(content.AnimationClip); 74 }); 75 } else { 76 this._myCharacter.SetGesture(content.AnimationClip); 77 } 78 } 79}

1import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; 2import { Button, RawImage, Text, Toggle } from 'UnityEngine.UI'; 3import { LocalPlayer, ZepetoCharacter, ZepetoPlayers, ZepetoScreenTouchpad } from 'ZEPETO.Character.Controller'; 4import { OfficialContentType, Content } from 'ZEPETO.World'; 5import { Object, GameObject, Transform } from 'UnityEngine'; 6import GestureLoader from './GestureLoader'; 7import Thumbnail from './Thumbnail'; 8 9export default class UIController extends ZepetoScriptBehaviour { 10 11 @SerializeField() private _closeButton : Button; 12 @SerializeField() private _typeToggleGroup : Toggle[]; 13 14 private _gestureLodaer: GestureLoader; 15 private _myCharacter: ZepetoCharacter; 16 17 Start() { 18 this._gestureLodaer = Object.FindObjectOfType<GestureLoader>(); 19 ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => { 20 this._myCharacter = ZepetoPlayers.instance.LocalPlayer.zepetoPlayer.character; 21 22 // If click the touchpad, cancel the gesture 23 Object.FindObjectOfType<ZepetoScreenTouchpad>().OnPointerDownEvent.AddListener(() => { 24 this.StopGesture(); 25 }); 26 27 // If click the close button, cancel the gesture 28 this._closeButton.onClick.AddListener(() => { 29 this.StopGesture(); 30 }); 31 }); 32 33 // UI Listener 34 this._typeToggleGroup[0].onValueChanged.AddListener(() => { 35 this.SetCategoryUI(OfficialContentType.All); 36 }); 37 this._typeToggleGroup[1].onValueChanged.AddListener(() => { 38 this.SetCategoryUI(OfficialContentType.Gesture); 39 }); 40 this._typeToggleGroup[2].onValueChanged.AddListener(() => { 41 this.SetCategoryUI(OfficialContentType.Pose); 42 }); 43 44 } 45 46 // Category Toggle UI Set 47 private SetCategoryUI(category: OfficialContentType) { 48 49 if (category == OfficialContentType.All) { 50 this._gestureLodaer.thumbnails.forEach((Obj) => { 51 Obj.SetActive(true); 52 }); 53 } else { 54 for (let i = 0; i < this._gestureLodaer.thumbnails.length; i++) { 55 const content = this._gestureLodaer.thumbnails[i].GetComponent<Thumbnail>().content; 56 if (content.Keywords.includes(category)) { 57 this._gestureLodaer.thumbnails[i].SetActive(true); 58 } else { 59 this._gestureLodaer.thumbnails[i].SetActive(false); 60 } 61 } 62 } 63 } 64 65 private StopGesture() { 66 this._myCharacter.CancelGesture(); 67 } 68}

1import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; 2import { Content } from 'ZEPETO.World'; 3import { RawImage, Text } from 'UnityEngine.UI'; 4import { Texture2D } from 'UnityEngine'; 5 6export default class Thumbnail extends ZepetoScriptBehaviour { 7 8 @HideInInspector() public content: Content; 9 10 Start() { 11 this.GetComponentInChildren<Text>().text = this.content.Title; 12 this.GetComponentInChildren<RawImage>().texture = this.content.Thumbnail as Texture2D; 13 } 14 15}

1import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; 2import { LocalPlayer, SpawnInfo, ZepetoCharacter, ZepetoPlayers } from 'ZEPETO.Character.Controller'; 3import { OfficialContentType, WorldService, ZepetoWorldContent, Content, ZepetoWorldMultiplay } from 'ZEPETO.World'; 4import { RawImage, Text, Button } from 'UnityEngine.UI'; 5import { GameObject, Texture2D, Transform, WaitUntil } from 'UnityEngine'; 6import Thumbnail from './Thumbnail'; 7import { Room, RoomData } from 'ZEPETO.Multiplay'; 8 9interface PlayerGestureInfo { 10 sessionId: string, 11 gestureId: string 12} 13 14const CancelMotion = "" as const; 15 16export default class GestureLoaderMultiPlay extends ZepetoScriptBehaviour { 17 18 public multiplay: ZepetoWorldMultiplay; 19 20 @HideInInspector() public contents: Content[] = []; 21 @HideInInspector() public thumbnails: GameObject[] = []; 22 23 @SerializeField() private _count: number = 50; 24 @SerializeField() private _contentsParent: Transform; 25 @SerializeField() private _prefThumb: GameObject; 26 27 private _myCharacter: ZepetoCharacter; 28 private _room: Room; 29 private _contentsMap: Map<string, Content> = new Map<string, Content>(); 30 31 Start() { 32 // สร้างตัวละคร 33 ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => { 34 this._myCharacter = ZepetoPlayers.instance.LocalPlayer.zepetoPlayer.character; 35 36 // เพื่อที่จะถ่ายภาพ thumbnail ด้วยตัวละครของฉัน คุณต้องขอเนื้อหาหลังจากที่ตัวละครถูกสร้างขึ้น 37 this.ContentRequest(); 38 }); 39 40 // สำหรับ MultiPlay 41 this.multiplay.RoomCreated += (room: Room) => { 42 this._room = room; 43 // รับข้อมูลท่าทางของผู้ใช้จากเซิร์ฟเวอร์ 44 this._room.AddMessageHandler("OnChangeGesture", (message: PlayerGestureInfo) => { 45 let playerGestureInfo: PlayerGestureInfo = { 46 sessionId: message.sessionId, 47 gestureId: message.gestureId 48 }; 49 this.LoadAnimation(playerGestureInfo); 50 }); 51 }; 52 } 53 54 55 // 1. รับเนื้อหาจากเซิร์ฟเวอร์ 56 private ContentRequest(){ 57 58 // ขอทุกประเภท 59 ZepetoWorldContent.RequestOfficialContentList(OfficialContentType.All, contents => { 60 this.contents = contents; 61 for (let i = 0; i < this._count; i++) { 62 if (!this.contents[i].IsDownloadedThumbnail) { 63 // ถ่ายภาพ thumbnail โดยใช้ตัวละครของฉัน 64 this.contents[i].DownloadThumbnail(() =>{ 65 this.CreateThumbnailObjcet(this.contents[i]); 66 }); 67 } else { 68 this.CreateThumbnailObjcet(this.contents[i]); 69 } 70 } 71 }); 72 73 } 74 75 // 2. สร้างวัตถุ Thumbnail 76 private CreateThumbnailObjcet(content: Content) { 77 const newThumb: GameObject = GameObject.Instantiate(this._prefThumb, this._contentsParent) as GameObject; 78 newThumb.GetComponent<Thumbnail>().content = content; 79 80 // สร้างพจนานุกรมเพื่อค้นหาเนื้อหาด้วย Id ของเนื้อหา 81 this._contentsMap.set(content.Id, content); 82 83 // ตัวฟังปุ่มสำหรับแต่ละ thumbnail 84 newThumb.GetComponent<Button>().onClick.AddListener(() => { 85 this.SendMyGesture(content.Id); 86 }); 87 88 // รายการ thumbnail 89 this.thumbnails.push(newThumb); 90 91 } 92 93 // สำหรับ MultiPlay 94 // ส่งข้อมูลท่าทางที่คลิกไปยังเซิร์ฟเวอร์ 95 public SendMyGesture(gestureId) { 96 const data = new RoomData(); 97 data.Add("gestureId", gestureId); 98 this._room.Send("OnChangeGesture", data.GetObject()); 99 } 100 101 // 3. โหลดอนิเมชัน 102 private LoadAnimation(playerGestureInfo: PlayerGestureInfo){ 103 104 if (!ZepetoPlayers.instance.HasPlayer(playerGestureInfo.sessionId)) { 105 console.log("ผู้เล่นไม่มีอยู่"); 106 return; 107 } 108 109 const zepetoPlayer = ZepetoPlayers.instance.GetPlayer(playerGestureInfo.sessionId).character; 110 111 if (playerGestureInfo.gestureId == CancelMotion) { 112 zepetoPlayer.CancelGesture(); 113 return; 114 } 115 else if(!this._contentsMap.has(playerGestureInfo.gestureId)) { 116 console.log("ทรัพยากรยังไม่ได้โหลด"); 117 return; 118 } 119 120 const content = this._contentsMap.get(playerGestureInfo.gestureId); 121 122 // ตรวจสอบการโหลดอนิเมชัน 123 if (!content.IsDownloadedAnimation) { 124 // หากอนิเมชันยังไม่ได้ดาวน์โหลด ให้ดาวน์โหลดมัน 125 content.DownloadAnimation(() => { 126 // เล่นคลิปอนิเมชัน 127 zepetoPlayer.SetGesture(content.AnimationClip); 128 }); 129 } else { 130 zepetoPlayer.SetGesture(content.AnimationClip); 131 } 132 } 133}

1import { ZepetoScriptBehaviour } from 'ZEPETO.Script'; 2import { Button, RawImage, Text, Toggle } from 'UnityEngine.UI'; 3import { LocalPlayer, ZepetoCharacter, ZepetoPlayers, ZepetoScreenTouchpad } from 'ZEPETO.Character.Controller'; 4import { OfficialContentType, Content } from 'ZEPETO.World'; 5import { Object, GameObject, Transform } from 'UnityEngine'; 6import GestureLoaderMultiPlay from './GestureLoaderMultiPlay'; 7import Thumbnail from './Thumbnail'; 8 9const CancelMotion = "" as const; 10 11export default class UIController extends ZepetoScriptBehaviour { 12 13 @SerializeField() private _closeButton : Button; 14 @SerializeField() private _typeToggleGroup : Toggle[]; 15 16 private _gestureLodaer: GestureLoaderMultiPlay; 17 private _myCharacter: ZepetoCharacter; 18 19 Start() { 20 this._gestureLodaer = Object.FindObjectOfType<GestureLoaderMultiPlay>(); 21 ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => { 22 this._myCharacter = ZepetoPlayers.instance.LocalPlayer.zepetoPlayer.character; 23 24 // หากคลิกที่ touchpad ให้ยกเลิกท่าทาง 25 Object.FindObjectOfType<ZepetoScreenTouchpad>().OnPointerDownEvent.AddListener(() => { 26 this.StopGesture(); 27 }); 28 29 // หากคลิกที่ปุ่มปิด ให้ยกเลิกท่าทาง 30 this._closeButton.onClick.AddListener(() => { 31 this.StopGesture(); 32 }); 33 }); 34 35 // UI Listener 36 this._typeToggleGroup[0].onValueChanged.AddListener(() => { 37 this.SetCategoryUI(OfficialContentType.All); 38 }); 39 this._typeToggleGroup[1].onValueChanged.AddListener(() => { 40 this.SetCategoryUI(OfficialContentType.Gesture); 41 }); 42 this._typeToggleGroup[2].onValueChanged.AddListener(() => { 43 this.SetCategoryUI(OfficialContentType.Pose); 44 }); 45 46 } 47 48 // ตั้งค่า UI หมวดหมู่ Toggle 49 private SetCategoryUI(category: OfficialContentType) { 50 51 if (category == OfficialContentType.All) { 52 this._gestureLodaer.thumbnails.forEach((Obj) => { 53 Obj.SetActive(true); 54 }); 55 } else { 56 for (let i = 0; i < this._gestureLodaer.thumbnails.length; i++) { 57 const content = this._gestureLodaer.thumbnails[i].GetComponent<Thumbnail>().content; 58 if (content.Keywords.includes(category)) { 59 this._gestureLodaer.thumbnails[i].SetActive(true); 60 } else { 61 this._gestureLodaer.thumbnails[i].SetActive(false); 62 } 63 } 64 } 65 } 66 67 private StopGesture() { 68 this._gestureLodaer.SendMyGesture(CancelMotion); 69 } 70}

1import { Sandbox, SandboxOptions, SandboxPlayer } from 'ZEPETO.Multiplay'; 2import { Player, Transform, Vector3 } from 'ZEPETO.Multiplay.Schema'; 3 4// กำหนดอินเตอร์เฟส PlayerGestureInfo เพื่อแทนข้อมูลของท่าทางของผู้เล่น 5interface PlayerGestureInfo { 6 sessionId: string, 7 gestureId: string 8} 9 10export default class extends Sandbox { 11 12 // กำหนดวัตถุคงที่ `MESSAGE_TYPE` เพื่อเก็บประเภทข้อความที่ใช้ในสคริปต์ 13 MESSAGE_TYPE = { 14 OnChangeGesture: "OnChangeGesture" 15 } 16 17 onCreate(options: SandboxOptions) { 18 19 // ถูกเรียกเมื่อห้องถูกสร้าง 20 // จัดการสถานะหรือการเริ่มต้นข้อมูลของห้อง 21 22 this.onMessage("onChangedTransform", (client, message) => { 23 const player = this.state.players.get(client.sessionId); 24 25 const transform = new Transform(); 26 transform.position = new Vector3(); 27 transform.position.x = message.position.x; 28 transform.position.y = message.position.y; 29 transform.position.z = message.position.z; 30 31 transform.rotation = new Vector3(); 32 transform.rotation.x = message.rotation.x; 33 transform.rotation.y = message.rotation.y; 34 transform.rotation.z = message.rotation.z; 35 36 player.transform = transform; 37 }); 38 39 this.onMessage("onChangedState", (client, message) => { 40 const player = this.state.players.get(client.sessionId); 41 player.state = message.state; 42 player.subState = message.subState; // ตัวควบคุมตัวละคร V2 43 }); 44 45 // เมื่อท่าทางถูกเปลี่ยน 46 this.onMessage<PlayerGestureInfo>(this.MESSAGE_TYPE.OnChangeGesture, (client, message) => { 47 let gestureInfo:PlayerGestureInfo = { 48 sessionId: client.sessionId, 49 gestureId: message.gestureId 50 }; 51 // ส่งท่าทางไปยังผู้เล่นคนอื่นยกเว้นลูกค้า 52 this.broadcast(this.MESSAGE_TYPE.OnChangeGesture, gestureInfo); 53 }); 54 55 } 56 57 onJoin(client: SandboxPlayer) { 58 59 // ตั้งค่าค่าตั้งต้นหลังจากสร้างวัตถุผู้เล่นที่กำหนดใน schemas.json 60 console.log(`[OnJoin] sessionId : ${client.sessionId}, userId : ${client.userId}`) 61 62 const player = new Player(); 63 player.sessionId = client.sessionId; 64 65 66 if (client.userId) { 67 player.zepetoUserId = client.userId; 68 } 69 70 // จัดการวัตถุผู้เล่นโดยใช้ sessionId ซึ่งเป็นค่าคีย์ที่ไม่ซ้ำกันของวัตถุลูกค้า 71 // ลูกค้าสามารถตรวจสอบข้อมูลเกี่ยวกับวัตถุผู้เล่นที่เพิ่มโดยการตั้งค่าโดยการเพิ่มเหตุการณ์ add_OnAdd ไปยังวัตถุผู้เล่น 72 this.state.players.set(client.sessionId, player); 73 } 74 75 onLeave(client: SandboxPlayer, consented?: boolean) { 76 77 // โดยการตั้งค่า allowReconnection จะสามารถรักษาการเชื่อมต่อสำหรับวงจรได้ แต่ทำความสะอาดทันทีในคู่มือพื้นฐาน 78 // ลูกค้าสามารถตรวจสอบข้อมูลเกี่ยวกับวัตถุผู้เล่นที่ถูกลบโดยการเพิ่มเหตุการณ์ add_OnRemove ไปยังวัตถุผู้เล่น 79 this.state.players.delete(client.sessionId); 80 } 81}