Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

PSCOCOS 소개

HTML5의 애니메이션을 컨트롤하는 라이브러리이며

다음과 같은 목표를 가지고 제작되었습니다.

  • 라이브러리가 라이트 해야한다(min버젼일경우 200k미만)
  • 이미 만들어진 사이트에, 추가하기위해 설정이 쉬워야 한다.
  • Jquery를 사용하여 CSS 애니메이션을 제어하는것처럼 쉽고 강력해야 한다.


IE6점유율이 높았을 시점 아주오래전 제작된것이라, 캔버스를 다루는 더 최적화된

라이브러리가 많을것으로보이며 보이며, 자바스크립트를 연구하면서 작성된 라이브러리입니다.

호환성및 성능좋은 Canvas를 사용하려면 lime.js 와 같은 안정된 해외 오픈소스를 권장합니다.


var img2 = cocoApp.addImage('assets/frogy1.png', 120,100, false);
img2.moveTo({x:495,y:122,duration:3,angle:5 });

pscocos는 단지 위와같은 특징은 위와같이 단두줄의 코드로 가속이 적용된 애니메이션코드를 작동시킬수 있다란것입니다.

6년전(2014) JS를 학습하면서 작성한 코드로 코드 퀄리티에대한 태클은 금지합니다. 


소스위치 : https://github.com/psmon/html5canvaslib
원본위치 : http://psmon.x-y.net/pscoco/sample.html


데모화면


위키내에서 작동화면을 보고싶다면 PC로 접속해주세요
http://wiki.webnori.com/display/codesniper/pscocos

모바일확인가능 페이지: 조금더 다양한 샘플이 준비되어있습니다.

http://psmon.x-y.net/pscoco/sample.html

...