# Magdagdag ng mga Look At Animation sa mga 3D Object - Spline 101 | Gawin ang Una Mong Interactive Scene - Spline Academy (https://spline.design/fil/academy/tutorials/add-look-at-animations-to-3d-objects)

> Sa tutorial na ito, dadaanan natin ang Look At event, isang simple pero makabuluhang paraan para gawing interactive ang mga design. Alamin kung paano…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Kurso](https://spline.design/fil/academy/collections)
3. [Spline 101 | Gawin ang Una Mong Interactive Scene](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene)
4. Magdagdag ng mga Look At Animation sa mga 3D Object

# Magdagdag ng mga Look At Animation sa mga 3D Object

Aralin 6 ng 16Spline 3DBaguhan10 min

Sa tutorial na ito, dadaanan natin ang Look At event, isang simple pero makabuluhang paraan para gawing interactive ang mga design. Alamin kung paano paharapin ang mga object sa cursor o sa ibang elemento, mag-customize ng mga property gaya ng target object, plane, damping at direction, at ilapat ang effect sa mga character at iba pang object.

Simulan na natin!

Silipin dito ang live na site ng Phunk → <https://www.phunk.co.uk/>

Panoorin dito ang aming Interactive Puffer Fish Tutorial 🐡 → <https://youtu.be/eCxLYk2rNzg?si=GfZ7OHyqnQbIXfFI>

Tumuklas ng iba pang kahanga-hangang creator at project #MadeInSpline sa <https://community.spline.design/> \---

## Ang matututunan mo

1. [0:00Introduksyon sa Look At Event](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=0s)
2. [0:47Pag-customize ng mga Look At Property](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=47s)
3. [3:41Paglalapat ng Look At Event sa mga Character at Object](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=221s)
4. [5:21Paggamit ng Look At Event kasama ang Pangalawang Object](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=321s)
5. [7:08Pag-animate gamit ang mga State at Material](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=428s)
6. [8:31Mga Opsyon sa Pag-export](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=511s)
7. [9:59Konklusyon](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=599s)

## Mga kaugnay na resource

- [Component CharactersTemplate](https://app.spline.design/academy/tutorials/add-look-at-animations-to-3d-objects?redirect-duplicate-template-uuid=60cea22d-cabd-44b6-a2c6-a054a0215543&is-2d-file=false)
- [Look At EventDokumento](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)

## Overview

- Spline 3D
- 10 min
- Baguhan

## Susunod

[Paano Gumawa ng mga 3D Path sa Spline37 minBaguhan](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-paths-in-spline)[Magpatuloy](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-paths-in-spline)

[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.