책의 관계대로 움직이는 영상만들기

책의 관계도를 svg 로 만들면 그걸 기준으로 책과 책의 연결대로 애니메이션되거나 정보를 제공하는 서비스를 준비해보고 있습니다.

 

원래 읽던 책의 % 를 보여주는 책장 서비스를 위해서 만들려고 했던 것인데 최근에 개발을 svg + css 나 smil 로 책과 책사이의 관계를 프로그램이나 키워드가 아니라 누가 추천하거나 그 책을 통해 다시 연결되는 책들의 관계를 정의해두면 책이 따라 다니게 하는 것을 만들고 있습니다.

 

움직이는 것은 그래도 three.js 로 3D에서 처리할 예정이라 관련 정보를 열심히 모으고 공부하는 과정입니다. 

 

https://www.argo9.com/1/book-animation 

 

클릭하면 제가 지정한 선대로 책들이 움직입니다. 이제 관련도서, 난이도별 도서 같은 유형의 사분면 같은 위치에 넣을 수 있는 난이도나 도서 정보를 기준으로 책을 가져오면 그 책에 좌표를 기준으로 책의 정보를 프로그램으로 json 을 생성해서 위상에 따른 책에 대한 다양한 연관성을 정의할 생각입니다.

 

모든 물건에 대해서도 그렇지만 일단 전자책 카메라뷰, 커팅 그리고 좌표에 의한 정보 등을 모두 벡터기반으로 패스의 움직임에 대한 부분도 모두 직관적으로 판단할 수 있는 것을 담으려 합니다.

 

정보의 방향성을 비주얼하게 표현하는 엉뚱한 작업중입니다.

 

사실은 반대로 만들어야 하는데 하여간 뭔가 다른게 완성중입니다.