커뮤니티를 더 즐겁게 만들어 줄 '무지개 도트 지렁이'

마루밑다락방

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 2026-05-28 (목) 17:02:37 · 조회 329 329 · 댓글 4 4

링크

https://www.maru.or.kr/ (68)

위 적용한 예시 사이트에서는 플러그인 해제했습니다.
정신 사납네요.ㅠㅠ

안녕하세요!
요즘 웹사이트 리뉴얼하다가 심심해서 머리도 식힐 겸 딴짓을 하다가 귀여운 플러그인을 만들어 봤습니다.

사이트 배경에서 꼬물꼬물 기어 다니는 무지개 도트 지렁이 플러그인입니다.
방문자들이 은근히 귀여워할 수도 있고, 정신없다고 등짝을 맞을 수도 있으니 유머러스한 사이트나 이벤트용으로 가볍게 써주시면 좋을 것 같습니다.

플러그인 특징
1. 가벼움: 이미지 파일(gif 등)이 전혀 없이 순수 CSS와 JS로만 만들었습니다.
2. 리얼한 꼬물거림: 사인파(Sine Wave) 수학 공식을 넣어서 진짜 벌레처럼 S자를 그리며 자연스럽게 돌아다닙니다.
3. 소소한 인터랙션: 마우스로 지렁이를 클릭(잡는데 성공하면, "앗 잡혔어요!" 저를 놔주세요!"라는 토스트 메시지가 뜹니다. 2초 뒤에 놓아주면 깜짝 놀라서 반대 방향으로 호다닥 도망가는 디테일도 넣었습니다. 그리고 10번 쯤 잡으면 폭죽이 터지면서 "저를 사랑하시는군요?"라는 토스트 메시지를 출력해 줬습니다.

설치 및 적용 방법
1. 첨부된 dot_worm.tar 파일을 다운로드하여 압축을 풀어줍니다.
2. 압축 푼 dot_worm 폴더를 통째로 그누보드의 plugin/ 폴더 안에 업로드합니다.
3. 사용하시는 테마의 하단 파일(theme/사용하시는 테마/tail.php 또는 최상위 tail.php)를 엽니다.
4. 파일 맨 밑 </body> 태그 바로 위나 적당한 곳에 아래 코드를 한 줄 추가해 줍니다.

<?php
// 무지개 지렁이 플러그인
include_once(G5_PLUGIN_PATH.'/dot_worm/dot_worm.php');
?>