2013-07-30 1 views
0

나는 여러 페이지, '버튼'및 '핫스팟'으로 구성된 기존 (순수한) HTML5 캔버스 웹 페이지를 코딩했습니다. 그것은 순수한 캔버스 자바 스크립트 코드입니다.여러 페이지로 구성된 CreateJS/EaselJS 웹 페이지 (게임이 아님)

'버튼'과 '핫스팟'을 따옴표로 묶는 이유는 실제로 버튼, 핫스팟, 마우스 이벤트 감지 등의 프레임 워크를 사용하지 않고 처음부터 순수 자바 스크립트로 구현했기 때문입니다.

이러한 요소는 기능이 거의 끝나가므로 마우스 스크롤에 더 잘 응답 할 수있는 더 나은 요소와 특히 스크롤바가 필요합니다.

웹 사이트가 새롭게 디자인되고 새롭고 복잡한 요청을 구현해야하기 때문에 자바 스크립트에서 계속 코딩하는 것이 더 이상 가능하지 않습니다. 즉 심각한 그래픽 프레임 워크가 필요합니다.

KineticJS와 CreateJS/EaselJS 사이에서 나는 후자를 선택했다.

지금은 한 페이지 게임이 아니고 페이지 간 탐색 관계가 다소 복잡한 여러 페이지 길이의 웹 사이트이기 때문에 어떤 접근 방식을 취해야하는지 조언 해 줄 수 있습니까? 컨테이너, '버튼'이있는 '페이지', 버튼을 위해 취해야 할 것, CreateJS/EaselJS에서 다른 페이지와 컴퓨터 상태를 처리하는 방법은 무엇입니까?

올바른 선택을 했습니까? 이게 KineticJS에서 더 쉬울까요?

경험이나 조언을 공유해 주실 수 있습니까?

답변

0

EaselJS는 "그냥"그래픽 프레임 워크이기 때문에 상태에 대한 기본 지원이 없습니다. 그러나 KineticJS에 비해 나는 당신이 목적에 큰 차이가 있다고 말하지 않을 것입니다. (내가 틀린다면 누군가 올바른 것을 말해줍니다.)

나는 Containers를 Pages로 사용하는 동일한 접근법을 사용합니다. 버튼의 경우 ButtonHelper -class를 사용하십시오. http://www.createjs.com/Docs/EaselJS/classes/ButtonHelper.html

이미 대부분 알고 있었지만 여전히 공유하고 있다고 생각합니다. 도움이 될지도 모릅니다.

+0

예 도움이됩니다. 나는 의견이나 다른 경험이 필요하다. 감사! – toshko