반짝 반짝 빛나는 별 배경 오류 - HTML5 캔버스 및 자바 스크립트

Question

<canvas>에 별 무리를 그릴 때 자바 스크립트 코드를 사용하여 반짝임을 표시하지만 코드가 전혀 작동하지 않습니다.

별이 완전히 불투명 해지기 시작합니다 (몇 가지 페이드 인을 제외하고 완전히 불투명하게 유지됨). 내가 Star 클래스의 incrementOpcity() 메소드에서 프로그래밍했다고 생각했기 때문에 불투명도가 다시 떨어지지 않는 이유를 모르겠습니다.

별을 나타 내기 위해 객체를 사용하려고했지만 올바르게 구현했는지 확실하지 않습니다. <canvas> 컨텍스트를 잘못 사용하고 있는지 여부도 알 수 없습니다.

문제가 무엇인지 정확하게 알 수있는 사람은 누구입니까?

코드는 가장 큰 문제는 당신이 오래된 상자를 제거하지 않고, 서로를 통해 다른 불투명도의 상자를 그리기하고 있다는 점이다 here

Answer 1

찾을 수 있습니다. 결과적으로, 당신은 궁극적으로 단 하나의 흰색 상자처럼 보이게됩니다.

두 개의 버그가 수정되었습니다.

당신은 여기 내 변화를 볼 수 있습니다 http://tinkerbin.com/ZfAxYXVs 다음

Answer 2

는 updated one입니다.

주요 문제 :

1. 당신은 캔버스를 지우고 검은 배경 각 프레임을 다시 그릴 필요가있다.

2. fillStyle의 변수 opacity에 액세스하고 있습니다 (this.opacity이어야 함).

3. 바운드 확인이 제대로 작동하지 않았습니다.