# Thêm tương tác dễ dàng hơn với kéo thả - Hoạt ảnh và tương tác trong Spline - Spline Academy (https://spline.design/vi/academy/tutorials/add-more-easy-interactions-with-drag-drop)

> Xin chào 👋 Trong video này, chúng ta sẽ tìm hiểu sự kiện Drag and Drop trong Spline. Bạn sẽ học cách tạo cảnh tương tác này để xuất vào các dự án web, ứng…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Hoạt ảnh và tương tác trong Spline](https://spline.design/vi/academy/collections/animation-interactions-in-spline)
4. Thêm tương tác dễ dàng hơn với kéo thả

# Thêm tương tác dễ dàng hơn với kéo thả

Bài 10 / 14Spline 3DCơ bản6 phút

Xin chào 👋 Trong video này, chúng ta sẽ tìm hiểu sự kiện Drag and Drop trong Spline. Bạn sẽ học cách tạo cảnh tương tác này để xuất vào các dự án web, ứng dụng và visionOS của mình.

Remix tệp tại đây: <https://app.spline.design/file/a626aa5e-928a-40ad-8f5d-528bb0f04cbd>

Xem hướng dẫn chuyên sâu về kéo thả tại đây: <https://youtu.be/gDXVdJdLJfE?si=mXyvALdjgpP4Trcr>

\---

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

1. [0:00Thiết lập hiệu ứng kéo thả](https://www.youtube.com/watch?v=g3sMaFsFJQ0&t=0s)
2. [1:03Tạo tương tác và vật lý](https://www.youtube.com/watch?v=g3sMaFsFJQ0&t=63s)
3. [4:39Các tùy chọn xuất](https://www.youtube.com/watch?v=g3sMaFsFJQ0&t=279s)
4. [5:41Kết luận và các khả năng sáng tạo](https://www.youtube.com/watch?v=g3sMaFsFJQ0&t=341s)

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

- [Drag and drop - Floating EmojisMẫu](https://app.spline.design/academy/tutorials/add-more-easy-interactions-with-drag-drop?redirect-duplicate-template-uuid=353f9530-73da-4db0-a79d-f14d65be81d8&is-2d-file=false)
- [Drag and Drop EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/drag-and-drop-event)
- [Spline Mirror for visionOSTài liệu](https://docs.spline.design/exporting-your-scene/apple-platform/spline-mirror-for-vision-os)

## Tổng quan

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

## Tiếp theo

[Tạo trải nghiệm game 3D18 phútTrung cấp](https://spline.design/vi/academy/collections/animation-interactions-in-spline/make-a-3d-game-experience)[Tiếp tục](https://spline.design/vi/academy/collections/animation-interactions-in-spline/make-a-3d-game-experience)

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