# Cách thiết kế hạt lá cây tương tác trong 3D - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-design-interactive-leaf-particles-in-3d)

> Xin chào! 👋 Trong hướng dẫn này, chúng ta sẽ có một khoảng thời gian thư giãn khi thêm điểm nhấn đặc biệt cho thiết kế bằng những chiếc lá rơi chuyển động…

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Cách thiết kế hạt lá cây tương tác trong 3D

# Cách thiết kế hạt lá cây tương tác trong 3D

Spline 3DTrung cấp9 phút

Xin chào! 👋 Trong hướng dẫn này, chúng ta sẽ có một khoảng thời gian thư giãn khi thêm điểm nhấn đặc biệt cho thiết kế bằng những chiếc lá rơi chuyển động 🍂 🌳

Chúng ta sẽ tạo lá rơi bằng hệ thống hạt (particle) bằng cách tinh chỉnh trọng lực, thiết kế hạt, các loại lực và hơn thế nữa. Ngoài ra, chúng tôi còn có một mẹo thú vị để bạn tạo cả tuyết rơi ☃️

💖 Hướng dẫn lấy cảm hứng từ thiết kế Zentree của Attiq ur R., được làm bằng Spline. 🌳🧘‍♂️ Xem tại đây: <https://zentree.framer.website/> Hồ sơ cộng đồng Spline của Attiq ur R. → <https://app.spline.design/@attiq>

🪄 <https://youtu.be/q1K5nji8KHM>

Hãy chia sẻ phiên bản của riêng bạn trong cộng đồng của chúng tôi! 💖 🔮 Cộng đồng Spline → <https://community.spline.design>

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=n1QPSxD454k&t=0s)
2. [0:26Thiết kế bằng các phần tử từ Spline Library](https://www.youtube.com/watch?v=n1QPSxD454k&t=26s)
3. [2:34Tạo lá rơi](https://www.youtube.com/watch?v=n1QPSxD454k&t=154s)
4. [7:24Thêm sự kiện tương tác và điều chỉnh hiệu ứng](https://www.youtube.com/watch?v=n1QPSxD454k&t=444s)
5. [7:40Tạo tuyết rơi](https://www.youtube.com/watch?v=n1QPSxD454k&t=460s)
6. [9:01Khám phá và chia sẻ hiệu ứng hạt từ cộng đồng Spline](https://www.youtube.com/watch?v=n1QPSxD454k&t=541s)

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

- [Leafs ParticlesMẫu](https://app.spline.design/academy/tutorials/how-to-design-interactive-leaf-particles-in-3d?redirect-duplicate-template-uuid=81e13849-574d-41cc-a674-17ed7013c79c&is-2d-file=false)
- [ParticlesTài liệu](https://docs.spline.design/designing-in-3-d/particles)
- [Follow EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Tổng quan

- Spline 3D
- 9 phút
- Trung cấp

## Thuộc

- [Spline nâng cao | Đi sâu vào tính năng](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/how-to-design-interactive-leaf-particles-in-3d)

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Cách xây dựng quả cầu 3D phản hồi với chuyển động và tương tácSpline 3DTrung cấp7 phút](https://spline.design/vi/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Cách tạo trực quan hóa dữ liệu 3D trong Spline bằng biến và API thời gian thựcSpline 3DNâng cao15 phút](https://spline.design/vi/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Kích hoạt tương tác theo khoảng cách với sự kiện DistanceSpline 3DCơ bản6 phút](https://spline.design/vi/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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