파라미터를 주기적으로 동작시키는 방법 (SDK for Cocos Creator)

업데이트： 2023/03/14

여기에서는 호흡이나 진자와 같이 파라미터의 값을 주기적으로 움직이는 설정 방법을 설명합니다.

개요

임의의 파라미터를 주기적으로 움직이려면 CubismHarmonicMotionController .ts 및 CubismHarmonicMotionParameter.ts를 사용하여 실현할 수 있습니다.

구현하려면 다음 두 가지를 수행합니다.

1. 파라미터를 제어하기 위한 설정
2. 움직일 파라미터 지정

파라미터를 제어하기 위한 설정

먼저 모션을 제어하기 위한 스크립트를 모델의 가장 상위에 연결합니다.
이름은 CubismHarmonicMotionController.ts입니다.

CubismHarmonicMotionController.ts에는 설정 항목이 2개 있습니다.

• Blend Mode: 지정된 파라미터에 현재 설정되어 있는 값에 대해서, 어떻게 계산하는지를 지정합니다.
  • Override: 현재 설정되어 있는 값을 수치로 덮어씁니다.
  • Additive: 현재 설정된 값에 수치를 가산합니다.
  • Mutiply: 현재 설정된 값에 수치를 곱합니다.
• Channel Timescales: 임의로 복수의 타임 스케일을 만들고 타임 스케일의 크기를 변경할 수 있습니다.

이번에는 Blend Mode 설정을 다음과 같이 합니다.

• Blend Mode: Override

움직일 파라미터 지정

그런 다음 움직일 파라미터를 선택하고 CubismHarmonicMotionParameter.ts를 연결합니다.
여기서 각도 X에 연결합니다.
각도 X는 [root]/Parameters/ParamAngleX입니다.

CubismHarmonicMotionParameter.ts에는 설정 항목이 5개 있습니다.

• Channel: CubismHarmonicMotionController.ts에 설정된 Channel Timescale을 지정합니다.
• Direction: 파라미터의 중심을 기준으로 움직일 폭을 지정합니다.
  • Left: 파라미터의 중심에서 왼쪽 절반만 움직입니다.
  • Right: 파라미터의 중심에서 오른쪽 절반만 움직입니다.
  • Centric: 파라미터의 중심에서 전체가 움직입니다.
• Normalized Origin: 중심으로 하는 파라미터의 위치를 설정합니다.
• Normalized Range: Normalized Origin에서 결정한 중심을 기준으로 중심점에서 움직이는 최대 거리를 설정합니다.
• Duration: 파라미터 주기를 조정합니다.

이번에는 설정을 다음과 같이 합니다.

• Channel: 0
• Direction: Centric
• Normalized Origin: 0.5
• Normalized Range: 0.5
• Duration: 3

위의 설정을 하면 아래 동영상과 같이 파라미터를 주기적으로 움직일 수 있습니다.