TS-LOG

프로그래밍/개발 일기

나만의 이벤트 디스패쳐

이벤트를 전달하는 방법은 몇 가지가 있다. 개인적으로는 이벤트를 순차적으로 내리고 올리는(버블링, 캡춰링) 방법을 선호한다. 이 방식은 많은 절차를 타고 가야 하는 단점이 있다. 예를 들어 C 클래스의 이벤트를 D 클래스에 전달하고 싶다면 C클래스에서 B 클래스로 버블링하고 B 클래스에서 다시 D 클래스로 캡춰링 해줘야 한다. 그럼에도 내가 좋아하는 이유는 이벤트 추적이 쉽고 버블링, 캡춰링시 추가적인 정보 가공이 용이하기 때문이다. 사실 이러한 방법은 언어에서 기본적으로 제공되거나 프레임 워크나 라이브러리의 경우 자신만의 문법으로 구현 되어 있다. 그럼에도 내가 커스텀 디스패쳐를 구현하고 싶은 이유는 공통된 방법으로 사용하고 싶기 때문이다. 구조는 내가 가장 많이 UI 개발을 한 ScaleForm의 구..

프로그래밍/Pixi.js7

PIXI-ANIMATE 환경 설정

PIXI ANIMATE ?PIXI ANIMATE는 애니메이트 CC(플래시)로 만든 애니메이션을 PixiJS 기반에서 사용할 수 있게 해주는 라이브러리다. 해당 라이브러리를 설치한다고 해서 swf를 읽어들일 수 있는 건 아니며, 애니메이트 CC에서 Pixi 기반으로 JS로 내보내야 한다. 하지만 애니메이트CC의 그래픽 라이브러리는 CreateJS 이므로 애니메이트에서 바로 PixiJS 기반으로 리소스를 뽑을 수는 없다. 사용하기 위해서는 애니메이트CC에 관련 플러그인을 설치해야 한다. Creative Cloude를 통한 PixiAnimate 플러그인 설치플러그인은 Creative Cloude에서 설치할수 있다. [열기] 버튼 옆에 있는 [말 줄임표]를 눌러서 [플러그인 관리]를 선택한다. 플러그인 관리 화..

취미/취미 일기

오랜만에 밀리터리 프라모델 구매

유치원 시절부터 시작된 프라모델 취미는 나이 40이 넘어서도 이어지고 있다. 밀리터리 프라모델은 중학교 시절 타미야 킹 타이거를 마지막으로 구매한 적이 없다. 반다이 MG 자쿠를 접하고 나서 건프라에 꽂혔기 때문이다. 그런데 언제부터인가 밀리터리 프라모델이 그리워졌다. 아마도 건프라에 지친것 같다. 금형 기술이 발달하면서 건프라는 점점 정교해지는데 도색파는 그만큼 신경 써야 할 부분이 많아졌다. 움직이는 기믹이 많아지면서 도색 까짐을 고려해야 할 부분이 많아졌고 통짜 프레임은 다듬기도 힘들고 도색하기도 까다롭다. 건프라는 도색 없이도 준수한 완성도와 손맛을 추구하는 프라모델이기 때문에 당연한 발전 방향이기도 하다. 그래서 내가 처음 프라모델의 매력을 느꼈던 그것과는 많이 달라진 것 같다. 건프라가 정떨어..

프로그래밍/JavaScript 게임 개발

슬라이딩 퍼즐 게임 만들기 #4/4 (완성 및 리팩토링)

정답 확인 함수 생성 타일 객체는 answerIndex 와 currentIndex 변수를 가지고 있다. answerIndex는 init() 함수에서 타일 생성시 for문의 i값을 넣어주고 있는데 이 값이 자신의 정위치 인덱스 값이다. currentIndex는 현재 타일의 인덱스 값이므로 answerIndex와 currentIndex의 값이 동일하다면 해당 타일은 정위치에 있다고 볼 수 있다. 위 조건으로 모든 타일이 정위치에 있는지 체크 하는 함수를 하나 만들었다. 함수명은 checkAnswer 이다. 로직은 단순하다. bClear 란 이름의 boolean 타입 변수를 선언한다. 디폴트 값은 true 이다. 그 다음 for문에서는 각 타일이 정위치 인지 판단한다. 만약 하나라도 정위치가 아니라면 for문..