나이를 가늠해 볼 수 있는 테스트입니다.

10년 전 Google 홈페이지에 등장했던 그 재미있는 JavaScript 중력 효과를 아직도 기억하시나요? 바로 이겁니다.

재미삼아 제가 만들고 있던 웹사이트에 이 효과를 넣어 보려고 했습니다. 그런데 아쉽게도 그대로는 작동하지 않더군요. SVG 요소처럼 엄밀히 말해 클래스가 아닌 일부 DOM 요소에서 문제가 발생했습니다. 그래서 해커답게 스크립트를 재빨리 손봤습니다. 고작 세 줄만 바꾼 것이고, 이제 예전의 영광을 되찾았습니다.

여기서 직접 테스트해 보세요! (주의: 그런 다음에는 페이지를 다시 불러와야 합니다. 😏)

중력 적용

아무튼 여러분의 사이트에도 마음껏 추가해서 재미있게 사용해 보세요. 친구들을 놀래키기에도 아주 좋습니다. 어느 웹사이트에든 이 한 줄만 추가하면 위이이!

<script
  type="text/javascript"
  src="https://endler.dev/2020/gravity/gravity.js"
></script>

가끔은 웹 초창기의 그 단순했던 시절이 그립습니다…