0. 목표 및 계획

  • 블로그 하단에 threeJS 배운 기념으로 3D 작업을 넣을 것이다.
  • 꾸벅거리다가 터치하면 일어나는 복셀 스타일의 두더지 캐릭터를 만들 것이다.
  • 먼저 블렌더로 모델링 > 매터리얼 > 리깅 > 애니메이션 순으로 작업하여 출력한다.
  • 마지막으로 threeJS를 이용해서 만든 캐릭터를 추가한다.

1. 모델링

1-1. 블렌더 열기

  • 블렌더를 열어야 한다.
  • Ctrl/Cmd + A를 눌러서 큐브를 하나 만든다.

블렌더에서 큐브를 추가하기

1-2. 기본 복셀 스타일 만들기

  • 복셀 스타일을 만들려면 모서리를 둥글게 만들어야 한다. 둥글게 만들려면 2가지 방법이 있다.
    1. 직접 Bevel 넣기
      • 원하는 모서리 선택 후 Ctrl/Cmd + B를 누르고 마우스를 움직이면 Bevel이 들어간다. 휠을 돌리면 bevel의 segments를 조절할 수도 있다.
    2. Bevel Modifier로 넣기
      • Modifier를 이용해서도 bevel를 넣을 수 있다. Modifier를 이용하면 원형을 보존할 수 있어서 수정하기가 더 쉽다. 그래서 나는 이걸로 할거다. 하지만 모서리별로 다르게 넣을거면 1번 방법이 적합하다.

modefier로 Bevel 넣기

  • 모서리를 둥글게 만들었다면, Remesh Modifier를 추가하여 블록 형태로 만들어준다.
    • Remesh Modifier에서 Block를 선택하면 블록 형태로 바뀐다.
    • Remesh가 적용된 모습을 보려면 Object Mode로 가야 한다.

Remesh Modifier 넣기

1-3. 몸통 만들기

  • 이제 튀어나온 입과 코, 꼬리를 만들 것이다.
  • Ctrl/Cmd + R를 눌러서 머리의 위아래를 나눌 Loop Cut을 추가한다.

LoopCut 넣기

  • 이제부터 기본적으로 Face 선택 > Inset(I) > Extrude(E) > 원하는 축(X/Y/Z) 으로 뽑아내기 를 반복한다.

  • 일부만 선택해서 위치를 옮기거나 크기를 조절하려면

    • 일부를 선택하고 Ctrl/Cmd + [+/-]를 누르면 선택영역을 늘리거나 줄일 수 있다.
    • 일부를 선택하고 G + [X/Y/Z]를 누르면 원하는 축으로 이동시킬 수 있다.
    • 일부를 선택하고 S + [X/Y/Z]를 누르면 원하는 축으로 스케일이 늘어난다.

1-4. 다리 만들기

  • 다리는 보통 대칭적으로 있기 때문에 Mirror Modifier를 이용해서 대칭으로 만들어 줄 것이다. 아니라면 하나씩 만들어주면 된다.

1-5. 눈 만들기

  • 눈은 별도의 오브젝트로 만들 것이다. 왜냐하면 몸통과 별도로 움직여야 하기 때문이다.

2. 색 입히기 (Material)

  • 색 입히기는 쉽다. 선택하고 입히면 된다. 사실 깊이 들어가면 피곤해진다.

3. 리깅 작업 (Armature)

  • 이때부터 머리털이 살짝 빠질랑말랑

4. 애니메이션 넣기 (Actions)

계획

  • Action1 : 꾸벅꾸벅 졸기
  • Action2 : 놀라면서 눈 뜨기

threeJS에서 불러오기