[JS30] - 13) Slide in on Scroll

const slideInAt = (window.scrollY + window.innerHeight) - slideImage.height / 2; window.scrollY 얼마나 수직으로 스크롤했는지를 픽셀로 나타내는데, 더 정확히 말하면 scrollY는 현재 뷰포트 위쪽 모서리의 Y좌표를 반환한다. window.innerHeight 수평 스크롤 막대의 높이를 포함한 창의 내부 높이 cons...

innerHeightoffsetTopscrollYcoordinatescoordinates

my rain - refactoring

ghostField안에 ghost가 랜덤으로 생성되고 나면, ghostField를 좌우로 흔들며 아래로 움직여 ghost들을 위에서 아래로 함께 내려가는 것처럼 보이도록 만들었다. 이 때 모든 ghost가 hero를 지나가 화면 밖으로 이동하고 나면, 이동을 끝내고 해당 라운드의 게임을 멈춰야 한다. 그러나 게임을 하는 사용자의 브라우저 창의 크기를 알 수 없기 때문에, 어떤 사람은 ghos...

refactoringinnerHeightghost defenseghost defense