2015년 12월 21일 월요일

웹페이지에 눈내리게 하자

크리스마스를 맞아서 운영중인 웹페이지에 눈내리는 효과를 내보고 싶어졌다.

1.
js snow effect로 구글링 해서 첫번째 링크가 10 Top jQuery Snow Falling effect Plugin로 나와서 바로 하나씩 클릭해봤다. 특히, 내 웹페이지가 모바일이 기본이어서 스마트폰을 꺼내서 모바일로 하나씩 접속해봤다.

2.
효과가 너무 심심하거나. 눈이 눈같지 않은 플러그인은 제외
효과가 너무 강하거나 스마트폰에서 버벅이는 플러그인도 제외
최종 선택한 플러그인은 바로

3.
플러그인의 웹페이지에는 문서가 딱히 눈에 띄지 않았는데, 소스를 내려 받아보니 js안에 설명이 자세히 있었다.

flakeCount,
flakeColor,
flakeIndex,
minSize,
maxSize,
minSpeed,
maxSpeed,
round, true or false, makes the snowflakes rounded if the browser supports it.
shadow true or false, gives the snowflakes a shadow if the browser supports it.

내 웹페이지가 흰색 배경이어서 flakeColor만 적당히 눈에 띄게 #dddddd 정도로 주고 실행시키니까 그럴듯 했다.

4.
눈내리는 효과를 시작하는 버튼명은 Let it snow. 마음 같아서는 let it snow 노래도 넣고 싶지만, 음원 저작권을 신경쓰고 싶지 않아서 효과만 넣었다. 대신 버튼은 붉은색으로...