# Thêm hoạt ảnh Look At cho đối tượng 3D - Spline 101 | Xây dựng cảnh tương tác đầu tiên của bạn - Spline Academy (https://spline.design/vi/academy/tutorials/add-look-at-animations-to-3d-objects)

> Trong hướng dẫn này, chúng ta sẽ tìm hiểu sự kiện Look At, một cách đơn giản nhưng hiệu quả để làm thiết kế trở nên tương tác. Học cách làm đối tượng quay…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Spline 101 | Xây dựng cảnh tương tác đầu tiên của bạn](https://spline.design/vi/academy/collections/spline-101-build-your-first-interactive-scene)
4. Thêm hoạt ảnh Look At cho đối tượng 3D

# Thêm hoạt ảnh Look At cho đối tượng 3D

Bài 6 / 16Spline 3DCơ bản10 phút

Trong hướng dẫn này, chúng ta sẽ tìm hiểu sự kiện Look At, một cách đơn giản nhưng hiệu quả để làm thiết kế trở nên tương tác. Học cách làm đối tượng quay về phía con trỏ hoặc các phần tử khác, tùy chỉnh các thuộc tính như đối tượng đích, mặt phẳng, damping và hướng, rồi áp dụng hiệu ứng cho nhân vật và các đối tượng khác.

Cùng bắt đầu nhé!

Xem trang Phunk trực tiếp tại đây → <https://www.phunk.co.uk/>

Xem hướng dẫn cá nóc tương tác của chúng tôi tại đây 🐡 → <https://youtu.be/eCxLYk2rNzg?si=GfZ7OHyqnQbIXfFI>

Khám phá thêm nhiều nhà sáng tạo và dự án tuyệt vời #MadeInSpline tại <https://community.spline.design/> \---

## Bạn sẽ học được gì

1. [0:00Giới thiệu sự kiện Look At](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=0s)
2. [0:47Tùy chỉnh thuộc tính Look At](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=47s)
3. [3:41Áp dụng sự kiện Look At cho nhân vật và đối tượng](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=221s)
4. [5:21Dùng sự kiện Look At với đối tượng thứ hai](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=321s)
5. [7:08Tạo hoạt ảnh với trạng thái và vật liệu](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=428s)
6. [8:31Các tùy chọn xuất](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=511s)
7. [9:59Kết luận](https://www.youtube.com/watch?v=L4fD9X%5Fuhtc&t=599s)

## Tài nguyên liên quan

- [Component CharactersMẫu](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 EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)

## Tổng quan

- Spline 3D
- 10 phút
- Cơ bản

## Tiếp theo

[Cách tạo path 3D trong Spline37 phútCơ bản](https://spline.design/vi/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-paths-in-spline)[Tiếp tục](https://spline.design/vi/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-paths-in-spline)

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

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

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

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

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

© 2026 - Spline, Inc.
