블로그에 무지개 눈이 날리는 효과를 적용해보자

주말에 티스토리 블로그 스킨을 시간내서 작업하려고 했지만 현재 헬 육아중인 나로선 불가능에 가까운 도전인듯 하다. 아무래도 헬 육아가 끝나기 전까진 그냥 짧은 글만 올려야될듯 싶다. 

 

뭐 지금 소개할 효과는 어찌보면 쓸데 없는 기능일 수 있긴 한데 현재 밖에 눈도 오고 그래서 찾아보다가 canvas 로 구현하면 어떤 느낌일까하여 열심히 만들어 보았다. 

 

물론 개발은 GPT가 해줬고...

 

canvas 는 내가 많이 배우지 못한 영역중 하나이기도 하다. 물론 전문적으로 배우면 좋겠지만 내가 하는 일영역에서는 이걸 전문적으로 배워서 응용할만한 메리트는 가지고 있지 않기에 그냥 canvas 가 이런거다 정도만 알고 있다.

 

우선 canvas는 웹에서 시각적 효과를 부드럽고 자연스럽게 줄 수 있도록 도와주는 태그로 javascript 의 context object 를 통해 접근할 수 있다. 

 

이게 뭔 X소리야??

 

아무튼 그건 그렇고 사용방법은 아래의 스크립트 소스를 head 태그 안에 붙이면 바로 작동된다. 

<script src="//www.redinfo.co.kr/cdn/load/js/ts/snow.js?v=2025210"></script>

 

적용하고 보면 아래와 같이 위 아래로 무지개 눈이 뿌려질것이다.