Contoh Tampilan Kuartal

4 mnt

Kontrol karakter ZEPETO dapat disesuaikan untuk menggunakan Sistem Input Baru Unity alih-alih V-Pad.

Ini adalah contoh pengaturan kontrol Tampilan Kuartal.

LANGKAH 1 : Pengaturan Tampilan Kamera

Atur Kamera sebagai Tampilan Kuartal (Ini adalah contoh, jadi silakan modifikasi pengaturan kamera sesuai proyek Anda.)

Pada titik ini, tag kamera harus diatur ke MainCamara.

LANGKAH 2 : Pengaturan InputAction

Dengan mendefinisikan InputAction baru untuk Tampilan Kuartal, Anda dapat mengontrol gerakan karakter melalui layar sentuh.

Pilih Buat > Input Actions dan atur nama file sebagai QuarterViewActions.

Gerak
- Tipe Aksi : Lewati
Gerak Pemicu
- Tipe Aksi : Tombol

Setelah membuat Hierarchy > Buat Objek Kosong, ubah nama file menjadi QuarterViewController.

Dari objek QuarterViewController, pilih Tambah Komponen dan tambahkan Input Pemain.

Seret dan sambungkan Aksi QuarterView yang baru saja Anda buat ke daftar Aksi.

Ubah Perilaku menjadi Panggil Acara Unity.

LANGKAH 3 : Penulisan Skrip

Tulis skrip yang menghitung arah gerakan karakter melalui input layar sentuh.

Pilih Buat > ZEPETO > TypeScript dan ganti namanya menjadi Pengendali Tampilan Kuartal.

Menambahkan skrip ke objek QuarterView Controller.

import {ZepetoScriptBehaviour} from 'ZEPETO.Script'
import {PlayerInput,InputAction} from "UnityEngine.InputSystem"
import {CallbackContext} from "UnityEngine.InputSystem.InputAction"
import {CharacterState, ZepetoCharacter, ZepetoPlayers, ZepetoCamera} from 'ZEPETO.Character.Controller'
import {Camera, Quaternion, Time, Vector2, Vector3, WaitForEndOfFrame} from "UnityEngine";

export default class QuarterViewController extends ZepetoScriptBehaviour {

    private myCharacter: ZepetoCharacter;
    private startPos: Vector2 = Vector2.zero;
    private curPos: Vector2 = Vector2.zero;

    private playerInput: PlayerInput;
    private touchPositionAction : InputAction;
    private touchTriggerAction : InputAction;

    private isTriggered: boolean = false;
    private isTouchDown: boolean = false;

    private CanMove() : boolean {
        return this.isTouchDown && !this.isTriggered;
    }


    OnEnable(){
        this.playerInput = this.gameObject.GetComponent<PlayerInput>();
    }

    Start() {

        this.touchTriggerAction = this.playerInput.actions.FindAction("MoveTrigger");
        this.touchPositionAction = this.playerInput.actions.FindAction("Move");

        this.touchTriggerAction.add_started((context)=>{
            this.isTriggered = true;
            this.isTouchDown = true;
        });

        this.touchTriggerAction.add_canceled((context)=>{
            this.isTriggered = false;
            this.isTouchDown = false;
        });

        this.touchPositionAction.add_performed((context)=>{
            
            if(this.isTouchDown)
            {
                this.curPos = context.ReadValueAsObject() as Vector2;

                if(this.isTriggered) {
                    this.isTriggered = false;
                    this.startPos = this.curPos;
                }
            }
        });


        ZepetoPlayers.instance.OnAddedLocalPlayer.AddListener(() => {
            ZepetoPlayers.instance.LocalPlayer.zepetoCamera.gameObject.SetActive(false);
            this.myCharacter = ZepetoPlayers.instance.LocalPlayer.zepetoPlayer.character;

            this.StartCoroutine(this.InputControlLoop());
        });
    }

    private *InputControlLoop(){
        while(true)
        {
            yield new WaitForEndOfFrame();

            if (this.myCharacter && this.CanMove()) {

                var camRot = Quaternion.Euler(0, Camera.main.transform.rotation.eulerAngles.y, 0);
                var moveDir = Vector2.op_Subtraction(this.curPos, this.startPos);
                moveDir = Vector2.op_Division(moveDir, 100);


                if (moveDir.magnitude > 0) {

                    if(moveDir.magnitude > 1)
                        moveDir.Normalize();

                    var optMoveDir = new Vector3(moveDir.x, 0, moveDir.y);
                    optMoveDir = Vector3.op_Multiply(optMoveDir, Time.deltaTime * 80 );
                    this.myCharacter.Move(camRot * optMoveDir);
                }
            }
        }
    }
}