[Animated Drawings] 내가 그린 그림이 움직인다면? 초등학생 아이와 놀기

안녕하세요. 벌써 첫째 아이가 만 7살, 캐나다에서는 초등학교 2학년을 마쳤습니다. 시간이 이렇게 빨리 흐르다니.. 

한국은 수학 학원, 코딩 학원도 많은데요. 물론 캐나다도 있습니다. 그런데 그런 공부 쪽으로 학원을 보낸 적이 한번도 없었어요. 

학원을 보낼까 하다가, 차라리 그 시간에 저랑 수학도 공부하고 코딩도 하고 놀기도 하면 어떨까 해서 그 시간을 아이한테 집중하기로 했습니다. 캐나다는 아이를 학원에 보내주면, 그 시간이 참 애매하거든요. 어짜피 아이가 크면 엄마랑도 잘 안 놀아줄 수 있으니까 지금이라도 재밌게 놀아야지!! 이 생각으로 그림 그리며 놀아보았어요. 제가 어떻게 놀았는지, 그리고 아이에게 어떤 질문을 했는지 기록해 봅니다.

 

아이에게 그림을 그려보라고 하고요. 외계인도 좋고 요정도 좋고요. 대신 손과 발이 길어야 한다고 힌트를 줍니다. 아이랑 하기 전에 제가 먼저 해봤는데, 움직이는 옵션을 보니까 팔, 다리가 길어야겠더라고요. 

 

그림을 그리고 나면, 이걸 어떻게 해야 움직일 수 있을까? 라고 얘길 해봤어요. 

사실 이런 웹사이트는 오래전에 나왔지만, 제가 아이에게 보여준 적은 없었거든요. 

웹사이트를 같이 보면서, 코딩을 하면 상상을 현실화할 수 있다라는걸 알려주고 싶었습니다. 

 

물론, 이걸 잘라서 직접 움직이게 하는 방법도 훌륭하지만, 이걸 사람들은 직접 구현해낸다라는걸 말이지요. 물론 시대가 더 흐르면 인공지능이 다 알아서 해줄지도 모르지만요. 

 

>> 그림을 움직이게 해주는 Animated Drawings 

바로 이 웹사이트 입니다.

https://sketch.metademolab.com/

Animated Drawings

 

웹사이트 이용 방법

이용 방법은 굉장히 간단합니다. 먼저 웹사이트에 업로드를 하고요. 그러면 어떤 그림을 움직이게 할것인지 선택을 합니다. 

세번째 단계는, 인식해야 할 곳과 인식하면 안되는 것을 수작업으로 살짝 수정해주면 되는데요. 일단 배경이 하얗고, 그림이 선명할수록 이런 수작업이 줄어들죠. 마지막으로 움직이는 부분을 수정해줍니다. 알아서 되는데, 조금씩 길게 늘려주기만 하면 돼요. 

 

https://sketch.metademolab.com/share/8ff60da4788d4e868300ce512e3aef3c/shuffle_dance

Animated Drawings

 

 

자 어떠신가요? 너무 재밌지 않나요?? 아이가 정말 좋아했어요~!! 

사실 제가 미리 만들어놓고 짠~~~ 하고 보여줬습니다. 왜냐하면 과정을 먼저 알려주고 싶지 않았거든요. 

저는 아이한테 이런 질문을 하고 싶었어요. 

 

"이걸 어떻게 만들었을까?"

 

이걸 움직이게 하려면 결국 어디서 꺽이는지 관절을 얘기해보기도 할 수 있잖아요?? 

코딩이 단순히 수학, 프로그래밍 언어 이걸 넘어서 다양한 주제로 얘기할 수 있다는게 장점인것 같아요. 

왜냐하면 첫째는 운동을 좋아하는데, 몸을 움직인다는 것, 관절이 있다는 것.. 등을 연결해서 얘기해보려고 했지만.. 

 

아이는 아직 그림이 움직인다는거에 대해 너무 재밌어했어요ㅎㅎ 

 

 

뭐 아이가 재밌었으면 그걸로 만족합니다. 대신 이런 프로그래밍 언어로 만들어진다라는걸 보여줬어요. 

이런 언어가 모여 지금 너가 보는걸 보게 되는 거란다... 

 

https://github.com/facebookresearch/AnimatedDrawings

GitHub - facebookresearch/AnimatedDrawings: Code to accompany "A Method for Animating Children's Drawings of the Human Figure"

이런 사람들이 이걸 만들었대. 라며 누가 만들었는지 보여주기도 하고요. 

물론 나중에 인공지능이 알아서 다 만들어주는 그런 때가 올 수도 있겠지만, 상상을 현실로 만들 수 있는데 그건 다양한 주제와 프로그래밍 언어로 이뤄진다라는걸 알려주고 싶었거든요. 물론 이건 제 목표고 오늘은 그저 재밌게 놀았지만요. 

 

 

깃헙에 가면 데모버전으로 코드가 나와있습니다. 관절이 꺾이는 부분을 어떻게 인식하는지 이런 것도 볼 수 있고요. 

아이와 얘기하고 싶은게 많지만, 아이는 또 그림을 그리고 있더라고요. 초등학교 아이를 둔 부모님은 꼭 같이 해보길 추천드립니다!! 코딩이 꼭 프로그래밍 언어를 배워야지 코딩을 배우는건 아니라고 생각하거든요. 상상을 프로그래밍 언어로 표현하면 그게 현실이 된다라는 것! 그게 더 중요하지 않을까 생각합니다.