# Paano Mag-animate ng Naglalakad na 3D Character - Spline Academy (https://spline.design/fil/academy/tutorials/how-to-animate-a-3d-walking-character)

> 🚶 Alamin kung paano bigyang-buhay ang isang character sa pag-animate ng walk cycle gamit ang Spline!

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Paano Mag-animate ng Naglalakad na 3D Character

# Paano Mag-animate ng Naglalakad na 3D Character

Spline 3DBaguhan14 min

🚶 Alamin kung paano bigyang-buhay ang isang character sa pag-animate ng walk cycle gamit ang Spline!

Sisisid tayo sa mahahalagang konsepto gaya ng mga state, event at transition, habang ginagabayan kita nang step by step sa paggawa ng mga basic na galaw ng binti at braso. Matututunan mo rin kung paano bigyan ng personalidad ang character mo gamit ang mga bounce at micro animation, at isama ito sa mga game control para tumugon ang paglalakad sa interaction ng user.

Alamin kung paano ka rin makakapag-import ng mga pre-animated na character sa Spline sa panonood ng tutorial na ito 👉 <https://www.youtube.com/watch?v=lpYK67LQItI>

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=0s)
2. [0:30Pag-unawa sa mga State at Event](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=30s)
3. [1:37Paggawa ng Walking Cycle](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=97s)
4. [7:03Pagdaragdag ng Personalidad gamit ang Bounce at Micro Animation](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=423s)
5. [8:32Pagsasama ng mga Game Control para sa Walking Simulation](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=512s)
6. [13:14Pag-import ng mga Pre-animated na Character](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=794s)

## Mga kaugnay na resource

- [Simple Walking loopTemplate](https://app.spline.design/academy/tutorials/how-to-animate-a-3d-walking-character?redirect-duplicate-template-uuid=29d00bb0-3cc6-460c-96c0-b8db32c2a0a5&is-2d-file=false)
- [How state-based animation worksDokumento](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Moving the Object PivotDokumento](https://docs.spline.design/designing-in-3-d/moving-the-object-pivot)
- [Game Controls EventDokumento](https://docs.spline.design/interaction-states-events-and-actions/events/game-controls-event)
- [Transition ActionDokumento](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)

## Overview

- Spline 3D
- 14 min
- Baguhan

## Bahagi ng

- [Spline 101 | Gawin ang Una Mong Interactive Scene](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/how-to-animate-a-3d-walking-character)

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Paano Gumawa ng Umiikot na 3D IconSpline 3DBaguhan15 min](https://spline.design/fil/academy/tutorials/how-to-create-a-spinning-3d-icon)[Paano Gumawa ng mga 3D Multi-scene at Mag-import ng mga AnimationSpline 3DIntermediate18 min](https://spline.design/fil/academy/tutorials/how-to-build-3d-multi-scenes-and-import-animations)[Gumawa ng Seamless na 3D Loop AnimationSpline 3DBaguhan11 min](https://spline.design/fil/academy/tutorials/craft-seamless-3d-loop-animations)

[Spline](https://spline.design/fil)

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

- [Web](https://spline.design/fil/web)
- [iOS](https://spline.design/fil/ios)
- [Android](https://spline.design/fil/android)

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/fil/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Mga Solusyon](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.