Blender Geometry Nodes: Create an Animated Number Counter

블렌더의 지오메트리 노드는 쉽게 애니메이션 숫자 카운터를 만들 수 있습니다.

### 블렌더 지오메트리 노드를 활용한 카운트다운 애니메이션 제작
* 🌱 블렌더의 **지오메트리 노드**를 사용하여 간단한 카운터 애니메이션을 만드는 튜토리얼입니다.
* 🧮 **String to Curves** 노드를 이용해 숫자 텍스트를 곡선으로 변환하고, **Fill Curve** 노드로 면을 생성합니다.
* 🧱 **Extrude Mesh** 노드로 두께를 추가하고, **Join Geometry** 노드를 사용하여 뒷면을 생성하여 입체적인 텍스트를 완성합니다.
* 🎨 두 개의 머티리얼(녹색과 검정색)을 사용하여 입체감을 더하고, **Set Material** 노드로 각 면에 머티리얼을 할당합니다.
* 🔢 **Group Input** 노드를 통해 'counter value'(정수형)와 'extrude offset'(실수형) 입력값을 추가하여 애니메이션을 제어합니다.  'counter value'는 **Value to String** 노드를 통해 문자열로 변환됩니다.
* 🔄 **Combine XYZ** 노드와 **Set Position** 노드를 사용하여 전면 텍스트의 위치를 미세 조정하고,  **키프레임 애니메이션**을 통해 0에서 100까지 카운트되는 애니메이션을 구현합니다.
* 💾 완성된 지오메트리 노드 트리는 파일로 저장하여 다른 블렌더 파일로 불러와 재사용할 수 있습니다.
* 👍  **Geometry Nodes**를 활용하여 **카운트다운 애니메이션**을 효과적으로 제작하는 방법을 자세히 설명하는 튜토리얼입니다.

We will create a very simple counter using Geometry Nodes in Blender. You can animate the counting however you like.

Let's get started. If you are looking at Geometry Nodes for the first time,
it may seem a little difficult.

To put it simply, it is an add-on with a specific function.
You can think of it as making it step-by-step.

Next, I will outline today's tutorial. Even if it looks complicated, follow along slowly. You will see the completed Geometry Node.

First, create numeric text with the String to Curve node. Create a face on the curve. Use the Extrude Mesh node to create thickness on the object.

But you can't see the face on the back, right? Adding a back face creates a more realistic 3D text.

You can add two materials. Set green for the extruded part and black for the back face.

All you have to do is duplicate the front face one more time. Geometry Nodes can be easily animated using modifier properties.

It's not difficult. Let's look at it one by one from the beginning. Change the workspace to Geometry Nodes.

First, you need to select one or more objects. Aside from cameras and lights, choose from Mesh, Curve, and Text objects.

Select a Cube and click + New! Group Input and Group Output. Two nodes have been created. These two nodes are the most important basic nodes.

You can also see Geometry Nodes in the Modifier Properties. Let's merge the viewport to make it wider.

Add a node for numeric text. Add and drag (Shift + A) a String to Curves node.

The connection to the left Group Input node has disappeared. The reason the connection is lost is that the types of sockets do not match.

The round shape is called a socket. You can tell the type by the color of the socket.

The left and right sides are different colors. You can directly insert text into the string part. You can check it on the viewport.

0 1 2 3 4... Converts to numbers. You can also change the font.

The "esamanru" font is one of my favorite free fonts. If you look at [More], there is a font link.

Change the alignment of the text to center. But the numbers are lying on the floor. Let's rotate them.

Shift + A / Add a Transform Geometry node, and drag to connect. The sockets are automatically connected.

You can edit the XYZ position and rotation. Rotation X axis 90 degrees / The text stands upright.

If we render now, nothing comes out. We need to create a mesh face on the curve.

Add a Fill Curve node. If you check, a face has been created on the curve. To create a 3D object, add an Extrude Mesh node.

You can adjust the extrusion value using the offset scale value. Your 3D text is complete.

It's important from now on. To count numbers, you need an integer instead of a string.

Currently, it is a string (character) type. It is similar to processing numbers and strings differently in program coding or Excel.

Group input plays an important role here. (You can create sockets by type) Select the Group Input node and use the shortcut key N.

Interface to create additional sockets. + / input / Select the type as integer. Double-click the socket name and edit it as 'counter value'.

A socket has been added to the group input node. You can also check the added counter value in modifier properties.

Connect the nodes. The red one is incorrectly connected. The colors on the left and right are different.

The left one is Integer, and the right one is String type. To connect two sockets of different types, a gender node is needed in the middle.

Shift + A / Add a Value to String node. The Value to String node changes a Value (number) to a String (character).

Now, when you modify a numeric value in the modifier properties, the geometry number is counted. Let me show you one more time.

Adding the offset scale value of the Extrude Mesh node to the Group input socket. In the interface of the group input node, the + / input

socket name is 'extrude offset'. Offset Scale value requires a decimal point, so select Float as the Type.

Connect the nodes. Now you can easily modify the extrude offset value. Did you understand? Let's rotate the viewport.

Can't you see the face on the back? There is a hole. The Extrude Mesh node cannot fill this hole.

A back face must be created. Add a Join Geometry node and connect it. Connect the face at the origin location to the Join Geometry node.

Now the back face has been created. Let's set the material. Add a Set Material node.

We will use two materials with different colors. Change the Workspace to Shading. Create a green material and modify the Emission value. The name is 'green'.

And we also make a black material. I made two materials, green and black. We come back to Geometry Nodes.

Select the green material in the Set Material node. The black material will be used for the back face.

Select the Set Material node and Shift + D / duplicate it. Connect the nodes and select black.

If you rotate it, two materials are set. I also want to make the front face black.

Now the last step, END GAME. Don't give up. Create a Set Position node. The number of nodes can be reduced by connecting it with the Set Material node

The front face position can be adjusted using the Offset Z value of the Set Position node. The value just needs to be slightly larger than the offset scale value of the Extrude Mesh node.

Add a math node for addition. The default function is Add. Connect the extrude offset socket to the first value.

Enter 0.001 in the second value. Then it becomes + 0.001. When you connect a socket directly, you will get unwanted results because the two socket types are different.

Once again, you need a compatible node. In Blender, the vector type has three component values.

Here, Translation, Rotation, and Scale are representative vectors. Add a Combine XYZ node. Connect the value to the Z value and connect the vectors to complete.

You see why we need the Combine XYZ node, right? Now you can freely animate the number counting and extrude (thickness) in the modifier properties.

Let's do a counting animation. Start frame: 0 frames. Set the Play Head at 0 frames.

Counter value: 0 / set the keyframe. End frame: 100. Set the Play Head at 100 frames.

Counter value: 100 / set the keyframe. When you play, it counts from 0 to 100. Okay.

Animate the extrude offset value in the same way. The counting animation is complete using geometry nodes.

Now, I'll show you how to import the geometry node you just created into a new file.

Rename the node tree to 'counting'. Save the Blender file. Create a geometry node in the new file.

File / Append. Double-click the Blender file you just saved. Double-click the Node Tree folder. Select 'counting'.

You can load 'counting' from Append Geometry Nodes. We imported geometry nodes. Did you like today's tutorial?

블렌더 지오메트리 노드 카운트다운 애니메이션. 블렌더 카운팅 애니메이션, Count Down 타이머! 블렌더 기초강좌. 블렌더 텍스트 애니메이션. 블렌더 모션그래픽.

CG플러스

블렌더 지오메트리 노드를 이용한 간단한 카운터 생성 및 기본 개념 설명

블렌더 지오메트리 노드를 사용하여 간단한 카운터를 만드는 방법 소개

지오메트리 노드의 기본적인 개념 및 기능 설명

지오메트리 노드의 단계별 기능 설명

튜토리얼 개요 및 진행 방식 설명

String to Curve 노드를 이용한 숫자 텍스트 생성 및 3D 텍스트 생성 과정

지오메트리 노드 작업 환경 설정 및 기본 노드 연결

지오메트리 노드 워크스페이스로 변경

오브젝트 선택 및 Group Input, Group Output 노드 생성

Group Input 및 Group Output 노드의 중요성 설명

수정자 속성에서 지오메트리 노드 확인

String to Curves 노드 추가 및 텍스트 입력

카운팅 기능 구현 및 소켓 추가

숫자 카운팅을 위한 정수형 변수 필요성 설명

문자열과 숫자 처리 방식의 차이점 설명

Group Input 노드를 이용한 정수형 소켓 추가

추가된 소켓 확인 및 노드 연결

뒷면 생성 필요성 및 Join Geometry 노드 사용

Join Geometry 노드를 이용한 뒷면 생성

Set Material 노드 추가 및 머티리얼 설정

머티리얼 적용 및 복제를 통한 뒷면 머티리얼 설정

애니메이션 설정 및 지오메트리 노드 가져오기

Extrusion offset 값 애니메이션 설정

생성된 지오메트리 노드 다른 파일로 가져오기

Append 기능을 이용한 지오메트리 노드 가져오기