# Magdagdag ng mga Look At Animation sa mga 3D Object - 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 Tutorial](https://spline.design/fil/academy/tutorials)
3. Magdagdag ng mga Look At Animation sa mga 3D Object

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

Spline 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

## Bahagi ng

- [Spline 101 | Gawin ang Una Mong Interactive Scene](https://spline.design/fil/academy/collections/spline-101-build-your-first-interactive-scene/add-look-at-animations-to-3d-objects)

## Mga kaugnay na tutorial

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

[Mag-embed ng mga Interactive na 3D Scene sa mga Wix WebsiteSpline 3DBaguhan5 min](https://spline.design/fil/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Gumawa ng AI Voice Assistant sa 3DSpline 3DAdvanced13 min](https://spline.design/fil/academy/tutorials/build-an-ai-voice-assistant-in-3d)[Gumawa ng Interactive na 3D Character gamit ang mga VariableSpline 3DAdvanced17 min](https://spline.design/fil/academy/tutorials/create-an-interactive-3d-character-using-variables)

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