코드 한줄로 자신의 웹사이트에 지렁이게임을 추가하는법

지렁이 키우기 게임

인터넷 게임을 좋아한다면 어릴 적 한 번쯤 해봤을 만한 지렁이 키우기 게임

에너지를 먹어 지렁이의 길이를 늘이고 상대방의 진로를 차단하여 상대방의 에너지를 흡수하여 전 세계 사람들과 경쟁할 수 있는 중독성 있는 게임입니다 이게임의 장점은 웹사이트에서 플레이가 가능하기 때문에 따로 게임을 위한 프로그램 설치가 없습니다 즉 언제 어디에서든 웹브라우저로 플레이가 가능하다는 장점이 있죠

728x90

 

지렁이 게임 html웹사이트에 추가하기

자신이 만든 html페이지에 미니 게임으로 이 지렁이 게임을 추가하는 방법이 있어서 소개해드리려고 합니다

ifram태그를 사용하여 해당 웹사이트를 불러와주면 됩니다

 

작동 테스트를 진행해보겠습니다

브라우저에 접속하여 확인해보니깐 정상적으로 지렁이 키우기 게임이 출력됩니다!

하지만 너무 작은 화면으로 출력되네요 이 부분은 css를 사용하여 크기를 조절해주면 될꺼같습니다

 

 

스타일 적용하기

일단 기존 ifram에다가 shilther라고 아이디를 정의해줬습니다

 

 

몇 줄 안 되니 <style> 태그로 작성하겠습니다

기본적인 border에 여백을 없애고 스크롤바를 제거한 후에

shilther 요소에서 가로세로 비율을 꽉 차게 만든 뒤 테두리를 제거해주었습니다

다시 한번 웹브라우저에서 어떻게 적용되었는지 확인해보겠습니다

 

 

제 웹페이지에 들어가 보니깐 깔끔하게 지렁이 게임이 나오는 걸 확인할 수 있습니다

ifram태그를 사용하면 이렇게 html문서 내에 다른 html페이지를 추가할 수 있습니다 위에처럼 만들 거면 그냥 지렁이 게임 사이트에 들어가서 하는 거랑 다를 바 없겠지만 옛날 플래시 게임이나 다른 웹사이트의 게임들은 한 곳에 모아두거나 가져다 사용할 때 유용하게 사용할 수 있습니다