위치:홈페이지 > JS 특수 효과 코드 > 배경 및 레이아웃

투명한 버블 볼 충돌 JS 코드

2020-06-25 95조회 수
10 개의 작은 공이 동시에 나타나며 필요에 따라 수정할 수 있습니다. 공이 무작위로 나타나게하려면 58 줄의 코드와 57 줄의 주석을 달면됩니다. 이 쓰기 방법은 여전히 ​​매우 명확합니다. 테스트 후에도 효과는 여전히 매우 좋습니다. 코드가 상당히 길다고 생각할 수 있지만 아이디어는 매우 분명합니다. 먼저 화면 클래스를 만들고 ballnum, spring, bounce, gravity와 같은 화면 생성자의 다양한 속성 변수에 필요한 공의 움직임과 충돌을 제공합니다. 그런 다음 프로토 타입 프로토 타입을 사용하여 공 생성, 공, 히트 공, 공 이동, 각 기능에 해당 기능 추가, 마지막으로 버튼으로 이벤트를 클릭하여 기능을 호출하는 등 해당 기능을 제공합니다. 여기를 클릭했을 때의 효과에 주석을 달고 직접 새로 고침하면 페이지가 무작위로 변경됩니다.