캐릭터 애니메이션 재생

캐릭터 애니메이션 재생은 아바타와 비플레이어 캐릭터(NPC)가 청중에게 표현력 있고 현실감 있으며 참여를 유도하게 하는 중요한 요소입니다. 몰입감 있는 시각 효과를 제공하는 것 외에도, 캐릭터 애니메이션은 플레이어의 행동에 대한 피드백, 환경 탐색 방법에 대한 안내, 캐릭터 및 다른 캐릭터에 대한 중요한 정보를 제공합니다.

위험한 우주 정거장 .rbxl 파일을 참조하여, 이 자습서에서는 두 가지 다른 기술을 사용하여 캐릭터 애니메이션을 재생하는 방법을 보여줍니다. 여기에는 다음을 포함한 안내가 포함됩니다:

• 기본 캐릭터 애니메이션 자산 ID를 자신만의 사용자 정의 애니메이션으로 교체하는 방법.
• 3D 공간 내에서 캐릭터 행동에 따라 애니메이션을 트리거하는 방법.

이 자습서를 완료하면 다양한 게임 플레이 상황에 맞게 애니메이션을 사용자 정의할 수 있는 기술을 갖추게 됩니다.

기본 애니메이션 변경

모든 기본 Humanoid 객체가 있는 캐릭터는 (플레이어가 제어하는 아바타든, 비플레이어 캐릭터(NPC)든) 캐릭터가 달리기, 등반, 점프와 같은 특정 경험 내 행동을 수행할 때마다 재생되는 기본 애니메이션 세트를 포함합니다. Roblox는 모든 경험에 대해 추가 스크립트 작업 없이 이러한 애니메이션을 기본으로 제공합니다.

하지만 이러한 기본 애니메이션이 세계의 환경, 미학, 또는 전체 내러티브에 대한 디자인 요구 사항을 충족하지 않는 경우, 경험에 참여하는 모든 플레이어에게 적용되는 사용자 정의 애니메이션으로 교체할 수 있습니다.

다음 섹션에서는 기본 걷기 애니메이션을 캐릭터 애니메이션 만들기에서 사용자 정의 걷기 사이클 애니메이션으로 교체하는 방법을 보여줍니다. 이와 같은 프로세스를 사용하여 기본 애니메이션을 자신의 애니메이션 자산 ID로 교체할 수 있습니다.

스크립트 생성

모든 캐릭터의 Humanoid 객체에는 캐릭터의 기본 애니메이션을 저장하는 자식 Animator 객체가 포함되어 있습니다. 이러한 기본 애니메이션 중 하나를 새로운 자산 ID로 설정하려면, ServerScriptService에 스크립트를 생성해야 하며, 이를 통해 플레이어가 경험에 로드될 때 Animator 객체의 기본 값을 참조하고 덮어쓸 수 있습니다.

기본 애니메이션 자산 ID를 참조하는 스크립트를 만들려면:

1. Explorer 창에서 ServerScriptService에 새 스크립트를 추가합니다.

   1. ServerScriptService 위에 마우스를 올리고 ⊕ 버튼을 클릭합니다.
   2. 컨텍스트 메뉴에서 Script를 삽입합니다.

2. 새 스크립트에 다음 코드를 붙여넣습니다:

   local Players = game:GetService("Players")
   
   local function onCharacterAdded(character)
       local humanoid = character:WaitForChild("Humanoid")
       local animator = humanoid:WaitForChild("Animator")
       print("Animator found!")
   end
   
   local function onPlayerAdded(player)
       player.CharacterAdded:Connect(onCharacterAdded)
   end
   
   Players.PlayerAdded:Connect(onPlayerAdded)

자산 ID 교체

이제 스크립트가 플레이어가 서버에 로드되고 연결될 때 이를 감지할 수 있는 것을 아는 만큼, 사용자 정의 애니메이션으로 교체하려는 애니메이션 ID를 구체적으로 참조하도록 스크립트를 수정할 수 있습니다.

다음 표에는 Animator 객체 내에서 호출하고 교체할 수 있는 모든 기본 캐릭터 애니메이션이 포함되어 있습니다. Idle에는 더 자주 또는 덜 자주 재생할 수 있는 두 가지 변형이 있습니다.

기본 걷기 애니메이션 자산 ID를 교체하려면:

1. 기본 걷기 애니메이트 스크립트 참조를 호출한 다음, 자산 ID를 자신의 사용자 정의 애니메이션 자산 ID로 교체합니다. 예를 들어, 다음 코드 샘플은 캐릭터 애니메이션 만들기에서 걷기 사이클 애니메이션을 참조합니다.

   local Players = game:GetService("Players")
   
   local function onCharacterAdded(character)
       local humanoid = character:WaitForChild("Humanoid")
       local animator = humanoid:WaitForChild("Animator")
       print("Animator found!")
   
       local animateScript = character:WaitForChild("Animate")
       animateScript.walk.WalkAnim.AnimationId = "rbxassetid://122652394532816"
   end
   
   local function onPlayerAdded(player)
       player.CharacterAdded:Connect(onCharacterAdded)
   end
   
   Players.PlayerAdded:Connect(onPlayerAdded)

2. 경험을 플레이 테스트하여 사용자 정의 걷기 애니메이션이 기본 애니메이션을 대체하는지 확인합니다.

   1. 드롭다운 메뉴에서 Test를 선택하고 오른쪽의 Play 버튼을 클릭하여 플레이 테스트를 시작합니다.

      

   2. 아바타와 함께 우주 정거장을 돌아다닙니다.

애니메이션 트리거

이전 기술은 캐릭터가 특정 경험 내 행동을 수행할 때 자동으로 재생되는 기본 애니메이션을 교체하는 데 중점을 두지만, 3D 공간 내에서의 모든 캐릭터 행동에 응답하여 애니메이션을 프로그래밍적으로 트리거할 수 있습니다. 예를 들어, 아이템을 들거나 위험으로부터 피해를 입는 경우입니다.

이 애니메이션 재생 방법은 플레이어에게 환경에서 객체와 상호작용하는 방법에 대한 즉각적인 피드백을 제공하기 때문에 유용합니다. 다음 섹션에서는 캐릭터가 위험한 증기 누출에 너무 가까이 있을 때 애니메이션을 트리거하는 방법을 보여줍니다. 이는 플레이어가 벽에 너무 가까이 걷지 않도록 저절로 가르쳐 주는 방법입니다.

볼륨 삽입

독특한 게임 플레이 동작을 트리거하는 가장 일반적인 방법 중 하나는 볼륨 또는 3D 공간 내에서 특정 지역과 상호작용하는 캐릭터 또는 객체를 감지하기 위한 보이지 않는 지역을 사용하는 것입니다. 볼륨과 스크립트를 결합하면 충돌 피드백을 사용하여 행위를 프로그래밍적으로 트리거할 수 있습니다. 예를 들어 플레이어의 체력을 줄이거나 애니메이션을 재생하는 것입니다.

경험에 볼륨을 추가할 때는 애니메이션을 트리거할 특정 공간만 덮도록 크기를 조정하는 것이 중요합니다. 볼륨을 너무 작게 만들면 플레이어가 애니메이션을 재생할 공간과 충돌하지 않을 수 있습니다. 반대로 볼륨을 너무 크게 만들면 플레이어가 아이템이나 관심 지역에 도달하기 전에 애니메이션이 재생되며, 그들이 무엇을 해서 애니메이션을 트리거하였는지 이해하지 못할 수 있습니다.

증기 누출 주위에 애니메이션을 트리거할 볼륨을 삽입하려면:

1. Explorer 창에서 새 블록 파트를 추가합니다.
2. 블록을 배치하고 크기를 조정하여 애니메이션을 트리거할 영역을 덮도록 합니다.
3. Properties 창에서,

   1. Name을 AnimationDetector로 설정합니다.

   2. Transparency를 1로 설정하여 블록을 보이지 않게 만듭니다.

      

스크립트 생성

이제 애니메이션을 트리거하기 위한 정의된 영역이 있으므로 플레이어가 볼륨과 충돌할 때 이를 감지하고 프로그램적으로 애니메이션을 트리거하는 스크립트를 생성할 시간입니다. 그러면 충돌 이벤트를 듣고 게임 플레이 요구 사항에 맞는 애니메이션을 트리거할 수 있습니다.

예를 들어, 이 애니메이션 기술은 LocalScript를 사용하여 플레이어가 볼륨과 충돌할 때 즉각적인 피드백을 제공합니다. 만약 서버가 충돌을 감지하고 애니메이션을 재생한다면, 로컬 클라이언트가 볼륨에 닿는 것과 애니메이션이 재생되는 사이에 지연이 발생할 수 있습니다.

로컬 플레이어의 캐릭터가 볼륨에 닿을 때 이를 감지할 로컬 스크립트를 생성하려면:

1. Explorer 창에서 StarterCharacterScripts에 새 스크립트를 추가합니다. 이 배치는 스크립트와 그 자식이 조인을 통해 플레이어 캐릭터로 복사되고, 경험으로 다시 리스폰될 때 복사됩니다.

   1. StarterPlayer를 확장한 다음, 그 자식으로 있는 StarterCharacterScripts 위에 마우스를 올리고 ⊕ 버튼을 클릭합니다.
   2. 컨텍스트 메뉴에서 LocalScript를 삽입하고 이름을 TriggerAnimation으로 변경합니다.

2. 새 스크립트에 다음 코드를 붙여넣습니다:

   local Workspace = game:GetService("Workspace")
   
   local animation = script:WaitForChild("Animation")
   local humanoid = script.Parent:WaitForChild("Humanoid")
   local animator = humanoid:WaitForChild("Animator")
   local animationTrack = animator:LoadAnimation(animation)
   local animationDetector = Workspace:WaitForChild("AnimationDetector")
   
   local debounce = false
   
   animationDetector.Touched:Connect(function(hit)
       if debounce then 
    	   return
       end
    
       local hitCharacter = hit:FindFirstAncestorWhichIsA("Model")
       if hitCharacter ~= localCharacter then
    	   return
       end
   
       debounce = true
       animationTrack:Play()
       animationTrack.Ended:Wait()
       debounce = false
   end)

애니메이션 추가

지금 당장 경험을 플레이 테스트하면 TriggerAnimation 스크립트가 여전히 로컬 플레이어-볼륨 충돌에 대응하여 애니메이션을 재생할 수 없습니다. 이는 애니메이션 자산 ID를 참조할 수 있는 자식 Animation 객체를 기다리고 있으며, 현재 그 Animation 객체가 존재하지 않기 때문입니다.

로컬 스크립트가 볼륨과 충돌할 때 참조할 애니메이션을 추가하려면:

1. Explorer 창에서 TriggerAnimation에 새 애니메이션을 추가합니다.

   1. TriggerAnimation 위에 마우스를 올리고 ⊕ 버튼을 클릭합니다.
   2. 컨텍스트 메뉴에서 Animation을 삽입합니다.

2. 새 애니메이션 객체를 선택한 후 Properties 창에서 AnimationID를 플레이어가 볼륨에 닿았을 때 트리거할 애니메이션 자산 ID로 설정합니다. 예를 들어, 위험한 우주 정거장 샘플은 캐릭터가 뒤로 넘어지는 애니메이션을 재생하기 위해 rbxassetid://3716468774를 참조합니다.

3. 경험을 플레이 테스트하고 플레이어가 첫 번째 증기 누출 근처에 있을 때 애니메이션이 재생되는지 확인합니다.