플래시를 사용하지 않고도 웹에서 그림을 그리고 신기하게 작동됩니다. 만드는 분들이 힘드셨겠네요^^
hitcents.com 이라는 웹사이트 제작 업체에서 만든 사이트 입니다.
회사의 창의성 및 기술을 보여주기 위해 만든 것 같습니다.

http://www.drawastickman.com/


사이트 한번 볼까요?

처음엔 episode1만 있어서 바로 시작되었는데 하나가 더 늘었습니다. 찾는이가 많은가 봅니다.
먼저 원하는 episode를 선택합니다.




stickman을 그리고 "DONE"을 클릭하면 episode가 시작됩니다.
꼭 stickman을 그리지 않고 창조적으로 그리셔도 됩니다. ^^



시작되면 상황에 대한 설명이 나오면서 필요한 그림을 설명합니다.
나무위에서 Help! Help!하는 소리가 나네요. 구하기 위해서 나무를 오를 사다리를 그리라 합니다.



앗... 나무를 오르는데 호랑이가 자고 있네요. 저 호랑이 코스튬 같나요? ㅎㅎ



호랑이가 자다가 저를 보고 깜짝놀라 나무에서 떨어졌네요. 무서워서가 아니라 이상하게 생겨서 놀란것 같습니다.^^
손에다 물 한양동이 그리라고 합니다. 호랑이한테 부어서 아래로 완전히 떨어뜨리려나보네요.



물을 부어도 떨어지지 않고 호랑이가 따라 올라옵니다.
나무위에 웬 엘리베이터가 있어 얼른 피하고, 반대쪽에 무거운 물건을 그려 넣습니다.
호랑이한테 잡히면 안되니까요...



비버인가요? 나무 밑둥을 갉아버려서 나무가 쓰러졌습니다. 엘리베이터에 날개를 그려 떨어지는걸 막았네요.
그러면서 episode가 끝납니다. Back Button을 누르니 episode선택 화면으로 돌아갔는데 처음 버튼에서 그 다음 상황이 표시됩니다^^



내 stickman이 그려진 티셔츠도 판매하네요^^
주업은 아닌것 같지만 작정한 것 같습니다.



갤러리에선 다른 사람들이 그린 stickman을 볼 수 있습니다.
제 stickman이 원시시대 동굴벽화라면 이분은 거의 레오나르도 다빈치시네요 ^^




플래시를 사용하지 않고, SVG기술을 이용했습니다.
스토리, 디자인, 개발 등 시간이 많이 필요할 것 같지만,
응용하여 내용을 잘 구성하면 재미있게 경험하면서 작은 메세지를 담을 수도 있을 것 같습니다.
머리좀 써보세요~~



Posted by 감자전

댓글을 달아 주세요