공모전 일지12 - 퀵 채팅

Boyeong·2023년 5월 21일
0

제페토

목록 보기
12/13
post-thumbnail

230508

[2023 메타버스 달서 공모전] 출품을 위해, 제페토를 공부하는 일지

1. 퀵채팅

퀵채팅

(1) 예제 테스트


  • 📑 QuickChat.ts 스크립트 작성

  • import

    import { Button } from 'UnityEngine.UI';
    import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
    import { ZepetoWorldContent, WorldMultiplayChatContent, QuickMessage } from 'ZEPETO.World';
  • 변수

    public quickChatBtn: Button;
  • Start() 함수

    Start() {
        // 현재 월드의 퀵채팅 리스트 가져오기
        ZepetoWorldContent.GetQuickMessageList(quickMessageList => {
            quickMessageList.forEach((quickMessage: QuickMessage, index: number, array: QuickMessage[]) => {
                console.log(`id = ${quickMessage.id}, message = ${quickMessage.message}`);
            });
        }, err => {
            console.log(`QuickMessage Error: ${err}`);
        });
    
        // "Hi" 메시지 보내기
        this.quickChatBtn.onClick.AddListener(() => {
            this.OnClickQuickMessageButton("zw_quickchat_preset_001");
        });
    }
  • OnClickQuickMessageButton() 함수

    // 멀티플레이 서버로 quickId에 해당하는 메시지 전송
    private OnClickQuickMessageButton(quickId: string) {
        WorldMultiplayChatContent.instance.SendQuickMessage(quickId);
    }

  • 테스트를 위해 버튼을 하나 생성한다.

  • QuickChatSystem이라는 빈 오브젝트를 만들어, QuickChat 스크립트를 적용하고, Quick Chat Btn에 아까 만든 버튼을 드래그 해 넣어 주었다.

  • 실행 결과

    • 앱에서 찍은 사진인데, 채팅이 잘 보이는 것을 확인할 수 있다.
    • 다만 컴퓨터는 저 말풍선이 보이지 않는다..

(2) 문제

  • 동영상 촬영을 컴퓨터로 하려고 했는데, 말풍선 기능을 구현하려면 시간이 꽤 걸릴 것 같다.
  • 그리고 현재 퀵채팅은 인사만 되는데, 퀵채팅 UI를 구현하고 버튼을 클릭해서 다 다른 말풍선이 뜨도록까지 구현하려면 시간이 추가적으로 더 걸릴 것이다.
  • 난이도는 어렵지 않을 것으로 예상되지만 시간이 너무 부족해서 여기까지만 해야 할 것 같다.

2. 다음에 할 일

  • 영상 촬영 및 편집
  • 출처 표기 후 공모전 제출

3. 후기

  • 시간이 일주일만 더 있었어도 구현해 볼 만한데 아쉽다.
  • 영상 어떻게 찍을지 고민해 보아야겠다.. (메타버스의 특성과 연계하여 어떻게든 특징을 어필?)
  • 작품 이름이랑 컨셉도 정리하고(아직도 안 했다는 게..) 서류도 작성하고 할 일이 너무나도 많다ㅠㅠ

0개의 댓글