# 재미있는 TC: Discourse Confetti Clicks

**URL:** https://meta.discourse.org/t/a-tc-of-fun-discourse-confetti-clicks/331148
**Category:** Theme component
**Created:** [10월 16, 2024, 12:41오후 UTC](https://meta.discourse.org/t/a-tc-of-fun-discourse-confetti-clicks/331148 "2024-10-16T12:41:12Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [10월 16, 2024, 12:41오후 UTC](https://meta.discourse.org/t/a-tc-of-fun-discourse-confetti-clicks/331148/1 "2024-10-16T12:41:12Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **요약** | tsParticles를 사용하여 클릭 위치에 색종이가 떨어지도록 하여 커뮤니티에 재미를 더합니다. |
| 👓 | **미리보기** | [Theme Creator](https://discourse.theme-creator.io/theme/NateDhaliwal/confetti-clicks) |
| 🛠 | **저장소** | [GitHub - NateDhaliwal/discourse-confetti-clicks · GitHub](https://github.com/NateDhaliwal/discourse-confetti-clicks) |
| ❓ | **설치 가이드** | [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **디스커스 테마 초보자?** | [디스커스 테마 사용 입문 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

이 테마 컴포넌트 설치

이 테마 컴포넌트는 사용자가 클릭하거나 탭한 위치에 색종이를 생성합니다. 색종이의 양과 퍼지는 각도는 설정을 통해 모두 제어할 수 있습니다.  
이 TC(테마 컴포넌트)는 커뮤니티가 더 상호작용적이고 재미있어지도록 도와줍니다.  
색종이 효과는 색종이, 눈, 선 등을 애니메이션 처리하는 JS 라이브러리인 tsParticles를 통해 구현됩니다.  
일부 도움은 ask.discourse.com에서 받았습니다.

설정:

1. `confetti_amount`는 각 클릭 시 생성되는 색종이의 양을 변경합니다.

> ⚠ 너무 큰 숫자를 넣지 않는 것이 좋습니다. 그렇지 않으면 색종이가 나타내고 사라지는 과정에서 더 많은 지연 현상이 발생할 수 있습니다. 100~200이 적절한 범위입니다.

1. `confetti_spread`는 색종이가 퍼지는 각도를 변경합니다. 모든 숫자는 도(degree) 단위로 입력됩니다. `360` 값은 색종이가 모든 방향으로 퍼지도록 하고, `1` 값은 색종이가 일직선으로 퍼지며 떨어지도록 합니다.
2. `allowed_in`은 색종이를 사용할 수 있는 위치를 설정합니다. 이 필드에 카테고리 슬러그를 입력하세요. 여러 카테고리를 지정하려면 슬러그를 `|`로 구분하여 입력하세요(공백 없이).  
이 필드를 비워두면 모든 페이지에서 색종이 기능이 활성화됩니다.

---

_[View the full topic](https://meta.discourse.org/t/a-tc-of-fun-discourse-confetti-clicks/331148)._