안녕하세요~에듀코어센터입니다.
오늘은 정말 재미있는 애니메이션을 만들 수 있는
인공지능 도구인 스트루블리 를 소개해 드릴게요
< 스크루블리>
크롬 브라우저에서 scroobly로 검색하여
 |
| 인공지능 애니메이션 도구 |
낙서에 생명을 불어 넣어주는
Scroobly는
Tensorflow.js 즉, 자바스크립트 텐서플로우( 구글이 만든 인공지능 라이브러리)의
Facemesh와 Posenet 머신러닝 모델을 이용하여 만들어졌습니다.
웹캠을 통해 사용자의 움직임을 인식하고 매핑하여
살아있는 애니메이션을 만들어 줍니다:)
스크루블리에 들어가서 화면 하단에 보이는 Start를 누르시면 됩니다.
어떻게 작동되는지 설명이 나옵니다. Next 버튼을 2번 눌러 주세요~
우선 낙서 한 후 움직이라는 설명이 나오네요~
** 혹시 카메라 차단을 해 놓은 경우 아래와 같은 화면이 나옵니다.**
카메라로 이미지를 인식하는 프로그램이므로
카메라 접근 허용을 설정해 주셔야 합니다.
카메라가 허용되어 있다면~
우선 위의 이미지처럼 배경 버튼을 켜거나 꺼 보세요.
하단의 이미지 중에서 하나씩 선택해 보시면
나의 움직임에 따라 같이 움직이는 애니메이션을 확인할 수 있습니다.~
AR표시가 있는 이미지들을 선택하면 배경이 다시 나오게 되는데
증강현실(Augmented Reality)로 설정되어 있기 때문입니다.
증강현실은 포켓몬 처럼 현실에 가상의 이미지가
존재하는 것처럼 보이게 하는 기술입니다.
현실 배경이 나올 때
배경 버튼을 OFF상태로 바꾸면
증강현실이 실행되지 않고
위의 이미지로 바뀝니다.
다양한 애니메이션을 체험해 보세요~
이제 애니메이션을 직접 만들어 볼까요? ^^
직접 이미지를 만들기 위해서는
하단에서 보시듯
+Make your own 버튼을 눌러 주세요.
1. 원하는 이미지를 선택하거나
choose your own(직접 그리기)버튼을 눌러
직접 그리셔도 됩니다.
2.next버튼을 눌러 주세요.
위의 이미지에서 각각의 점이 팔,팔꿈치, 어깨,다리 등을 의미합니다.
점의 위치를 고려해서 그려보세요~
다양한 색상, 펜의 두께 등의 편집이 가능합니다.
Stroke style버튼을 다시 누른 후
Preview를 눌러 주세요
저장(Record) 버튼을 눌러
라이브 애니메이션으로 저장할 수 있고
편집(Edit)버튼으로 그림을 수정할 수도 있습니다.
학생들과 체험할 때는 학생들이
카메라와 거리를 두고 일어선 후
팔 다리까지 인식할 수 있게 하면
더 재미있게 체험 가능합니다. ^^
단순한 체험에 그치지 않고
인공지능 기술의 활용과 실제 적용 사례까지
학습시켜 주길 바랍니다.~~
0 댓글