# Cách tạo hạt cát tương tác trong 3D - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-create-interactive-sand-particles-in-3d)

> Chào mọi người! ⏳ Trong video này, bạn sẽ học cách tạo texture giống cát bằng hệ thống hạt 3D và cách cho cát đi theo con trỏ bằng Spline. Ngoài ra, chúng…

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

# Cách tạo hạt cát tương tác trong 3D

Spline 3DTrung cấp11 phút

Chào mọi người! ⏳ Trong video này, bạn sẽ học cách tạo texture giống cát bằng hệ thống hạt 3D và cách cho cát đi theo con trỏ bằng Spline. Ngoài ra, chúng tôi sẽ hướng dẫn quy trình xuất từ Spline lên website bằng Framer.

Vào Spline ngay 👉 <https://spline.design/> (Miễn phí! 😉)

Mẫu Framer: <https://the-growth.framer.website/>

Tìm hiểu thêm về Particles <https://www.youtube.com/watch?v=lRhLWE%5FcXkc>

✨ Tham gia cộng đồng Spline để tìm cảm hứng và chia sẻ thiết kế của bạn. <https://community.spline.design/>

💬 ❤️ Chia sẻ gợi ý hướng dẫn của bạn trong phần bình luận.

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=0s)
2. [0:22Hạt (particle) là gì?](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=22s)
3. [0:54Tạo quả cầu](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=54s)
4. [2:01Thêm Collider (lực tác động lên hạt)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=121s)
5. [2:51Tạo hạt cát](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=171s)
6. [7:53Cho hạt đi theo con trỏ (sự kiện Follow)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=473s)
7. [8:36Xuất](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=516s)
8. [9:21Nhúng vào Framer](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=561s)

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

- [Sand ParticlesMẫu](https://app.spline.design/academy/tutorials/how-to-create-interactive-sand-particles-in-3d?redirect-duplicate-template-uuid=170b2edb-5758-4d52-94c8-efc40408db7a&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
- 11 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-create-interactive-sand-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)[Tạo vật liệu Liquid Glass trong 3DSpline 3DCơ bản12 phút](https://spline.design/vi/academy/tutorials/create-liquid-glass-materials-in-3d)

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