이 자바 스크립트 라이브러리로 아름다운 애니메이션 입자 만들기

다양한 효과와 특기를 가진 무료 애니메이션 라이브러리가 수없이 많습니다. 그러나 새로운 Particles.js 라이브러리는 움직이는 입자 그 실시간으로 움직이다. 온통 페이지.

이 사용하기 쉬운 라이브러리는 GitHub에서 완전히 무료이며 오픈 소스입니다. 사이트의 UX를 향상시키는 데는 도움이되지 않지만, 인터레이스 된 입자 효과 배경에.

기본 페이지에서 실시간 대화 형 데모 도서관의 기능을 가지고 놀 수 있습니다. 입자 크기, 속도, 모양, 색상, 위치 등을 조정할 수 있습니다..

이 라이브러리는 매우 상세한 라이브러리이므로 자바 스크립트 이해하기 그것을 작동 시키려면. 그렇기 때문에이 라이브 데모는 누구나 자바 스크립트에서 가능한 것을 확인하기 위해이 설정으로 놀 수있게 해주기 때문에 매우 중요합니다..

그리고 이러한 그래픽을 내보낼 수 있다면 이미지를 직접 저장하십시오. 웹 앱 데모 페이지에서 확인하십시오. 너는 할 수있다. 원시 PNG 내보내기 또는 모든 사용자 정의 설정 저장 JSON 파일로 변환 한 다음 Particles.js 스크립트로 직접 가져옵니다..

기본적으로 소수의 작은 주제들 다른 입자 스타일 :

• NASA 별
• 거품
• 눈
• Nyan 고양이 별
• 기본 기하학적 도형

이러한 기본값을 사용하면 모든 주요 설정 편집 색상, 위치, 속도 및 기타 모든 것을 다듬는.

이 전체 라이브러리의 가장 중요한 부분은 실시간 맞춤 기능 메인 페이지에서. 자바 스크립트와 프론트 엔드 코딩을 이해해야 할 핵심적인 세부 사항을 알고 싶다면.

하지만 초보자조차도 인터페이스를 통해 작업하고 원하는 설정을 선택하고 모든 것을 JSON 파일로 내보낼 수 있습니다..

누구든지 볼 수있는 훌륭한 도서관 웹상에 동적 입자 생성. 자세한 내용은 GitHub 레포를 방문하여 Twitter @VincentGarreau의 제작자 Vincent Garreauon과 의견을 나눌 수 있습니다..