Kineticjs 클래스 계층 구조를 설명

Question

Kineticjs docs을 검토 한 후 나는 다음과 같은

• 와 함께 올라와있다 Kinetic.Node - 노드는, 계층 변환 할 수 엔티티 및 이벤트를 구속했다.
• Kinetic.Shape(노드) - 컨테이너 포함하기 위해 사용된다 - 형상 등 등 사각형, 원, 텍스트, 라인,

• Kinetic.Container(노드)와 같은 객체가 프리미티브 노드 또는 다른 용기

• Kinetic.Stage(컨테이너 (노드)) - 스테이지는 다중 층 add(Layer),912,992를 포함하도록 사용

• Kinetic.Layer(컨테이너 (노드)) - 레이어가 자신의 캔버스 요소에 연결되어 및 그룹을 포함하는 데 사용하거나 모양 add(Node)
• Kinetic.Group(컨테이너 (노드)) - 그룹은 모양이나 다른 그룹을 포함하는 데 사용됩니다. add(Node)
• 키네틱.베이스 층(컨테이너 (노드)) - ???

• Kinetic.FastLayer(컨테이너 (노드)) - 사용자 상호 작용 (갱신 감사 마르크)

• Kinetic.Collection 필요하지 않습니다 층에 사용되는(배열) -이 클래스는 얻을 Kinetic.Container #과 함께 사용

BaseLayer와 '빠 무엇 stLayer '가 정확하게 사용 되었습니까? 문서 FastLayer에는 Layer과 정확히 동일한 설명이 있고 BaseLayer은 단지 생성자라고 말합니다.

commit comments 중 하나 인 경우 FastLayer을 제거 할 필요가 없습니다. hit canvas을 제거 할 필요가 없습니다. 이렇게 빨리 만드는 사람이 없기 때문에 이것이라고 생각합니까?

이 두 클래스가하는 일에 대한 명확한 설명과이를 효과적으로 사용하는 방법에 대해 설명해 주시면 감사하겠습니다.

EDIT : 마크 E의 입력을 반영하기 위해 업데이트 된 질문은 누구나 BaseLayer에 대한 통찰력을 가지고 있습니까?

Answer 1

참고 :이 지위에서 빠른 레이어는 불과 며칠 전에 소개되었습니다. 하지만 이해할 수 있듯이 ...

새로운 고속 레이어는 이전 레이어이지만 이벤트는 꺼져 있습니다.

KineticJS 워드 프로세서 말 :

것은 당신이, 당신이 당신의 층을 만드는 대신 레이어의 FastLayer를 사용해야 노드 중첩, 마우스 및 터치 상호 작용, 또는 이벤트 술집/하위 필요하지 않은 경우. 일반 레이어보다 약 2 배 빠릅니다. 필요없이 사용자와의 상호 작용에

• 정적 배경 레이어 :

빠른 층은 사용자 상호 작용을 필요로하지 않는 층에 사용됩니다.

사용자 상호 작용이 필요없는 JS 코드를 통해 완전히 조작되고 그려지는 정적 레이어입니다.

이벤트 발생과 관련된 오버 헤드가 없기 때문에 빠른 레이어를 그리는 것이 더 빠릅니다.

일반 레이어에는 히트 테스트 및 드래그를 지원하는 지원 오프 스크린 캔버스가 있습니다.

히트 테스트 및 드래그가 이벤트와 관련되어 있기 때문에 고속 레이어에이 오버 헤드가 없다고 생각됩니다.

이렇게 말한 결과 ...이 새로운 도구를 직접 조사해야합니다. ;-)