tsParticles 패치 릴리스 게시물은 무엇입니까? 너 미쳤어?

나는 보통 tsParticles 패치 릴리스에 대해 게시하지 않지만 이번에는 예외를 두겠습니다.
tsParticles 및 particles.js에 대한 자주 묻는 질문은 버튼, 링크 및 웹 페이지의 기타 대화형 요소를 손상시키지 않고 라이브러리를 사용하는 것에 관한 것입니다.

음, 버전1.18.11 덕분에 훨씬 더 쉬워지고 이전에는 불가능했던 많은 구성이 가능해졌습니다(불가능은 아무것도 아닙니다, 누구?).

이 멋진 기능을 구성하는 방법은 무엇입니까?

옵션에 몇 가지 업데이트가 필요합니다.

{
  /* your awesome config */
  backgroundMode: {
    zIndex: 100, // any value >= 0 is good
    /* if you want elements above particles 
       just set a bigger z-index in your css */
    enable: true
  },
  interactivity: {
    /* if you have detect_on, replace it */
    detectsOn: "window" /* "parent" is still good
                           "canvas" won't work */
  }
}

데모

당신이 이것을 믿지 않을 것이기 때문에 그것을 실제로 보고 싶습니까?

아래에서 확인하세요



위에서 입자를 볼 수 있습니다.

더 읽어보기

모든 1.18.x 기능에 대한 자세한 내용을 보려면 다음을 참조하십시오.

GitHub

마음에 드시면tsParticles GitHub의 ⭐️로 지원하세요. 아래 링크를 찾을 수 있습니다.

마테브루니 / tsparticles

tsParticles - 파티클 애니메이션을 웹 사이트에 쉽게 추가합니다. React, Vue.js(2.x 및 3.x), Angular, Svelte, jQuery, Preact, Inferno와도 호환 가능

tsParticles - TypeScript 입자

파티클 생성을 위한 경량 TypeScript 라이브러리입니다. 종속성이 없고( * ) 브라우저가 준비되었습니다!
Particles.js TypeScript로 변환, 종속성 없음( * ), 새롭고 멋진 😎 기능으로 개선되고 다양한 버그가 수정되었으며 적극적으로 유지 관리되고 있습니다!

웹사이트에서 사용하시겠습니까?

이 라이브러리는 가장 인기 있는 두 개의 CDN에서 사용할 수 있으며 사용하기 쉽고 바로 사용할 수 있습니다. particle.js를 사용하고 있었다면 훨씬 더 쉽습니다.
필요한 모든 링크가 포함된 지침below을 찾을 수 있으며 TypeScript에 겁먹지 마세요. 소스 언어일 뿐입니다.
출력 파일은 JavaScript입니다. 🤩
CDN 및 npm에는 Javascript, 번들 브라우저 준비(tsparticles.min.js) 및 import 구문에 대해 분할된 모든 파일에 필요한 모든 소스가 있습니다.
아래의 몇 줄에 여전히 관심이 있다면 다음에서 마이그레이션하기 위한 몇 가지 지침이 있습니다.

View on GitHub