- turn.js
- GitHub: https://github.com/blasten/turn.js
- 데모: http://www.turnjs.com/
- 가장 널리 알려진 페이지 넘김 효과 라이브러리로, 실제 책처럼 마우스로 모서리를 잡아 드래그하여 페이지를 넘길 수 있습니다.
- BookBlock
- GitHub: https://github.com/codrops/BookBlock
- 데모: https://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/
- Codrops에서 만든 페이지 플립 효과 플러그인으로 다양한 전환 효과를 제공합니다.
- PageFlip
- GitHub: https://github.com/Nodlik/StPageFlip
- 데모: https://nodlik.github.io/StPageFlip/examples/simple/
- 최신 라이브러리로 TypeScript로 작성되었으며, 모바일 지원이 우수합니다.
- Flip
- GitHub: https://github.com/pstudio/flip
- 간단하고 가벼운 jQuery 플러그인으로 페이지 플립 효과를 구현합니다.
- paper.js
- GitHub: https://github.com/paperjs/paper.js
- 더 복잡한 페이지 넘김 효과를 구현하기 위한 강력한 그래픽 라이브러리입니다.
이 중에서는 turn.js가 웹툰 뷰어에 가장 적합한 선택일 수 있습니다. 마우스 드래그로 페이지를 넘기는 효과가 자연스럽고, 모바일에서도 잘 작동합니다. 다만 최근 업데이트가 없어서 최신 브라우저와의 호환성 문제가 있을 수 있습니다.
PageFlip 라이브러리는 비교적 최근에 개발되어 최신 브라우저와의 호환성이 좋고, 모바일 지원도 우수하여 대안으로 고려해볼 만합니다.
답글 남기기