TS-LOG

프로그래밍/Pixi.js7

Pixi.js 텍스트 렌더링

Pixi.js 는 화면에 글씨를 렌더링 할 수 있는 Text 클래스가 있다. 사용법은 어렵지 않다. 다만 예상과 다르게 동작하는 옵션들이 있긴 하다. 직접 코딩하면서 확인해 본다. 기본 코딩 PIXI.Text는 캔버스에 쉽게 텍스트를 드로잉 해주는 API이다. 사용법은 아래와 같이 new(텍스트, 스타일)로 생성할 수 있다. 스타일은 생략이 가능하다. 캔버스에 텍스트를 드로잉을 한 것 이기에 폰트가 아닌 이미지이다. fontFamily가 적용되면 CSS 폰트 적용과 동일하게 사전에 해당 폰트가 로드 되어 있어야 한다. const style = new PIXI.TextStyle({ fontFamily: "s-core-dream-bold", fontSize: 60, fill: "#000000", }); co..

여행&나들이

곤지암 리조트 눈썰매장

1. 별 탈 없이 곤지암 리조트에 도착 했다. 설레는 마음으로 숙소인 E빌리지로 향한다. 예전 여행에서 캐리어 하나를 안 싣고 온적이 있어서 이번엔 잘 챙겼다. (지금도 그때를 생각하면 아찔하다.) 로비는 1층에 있다. 카페 라운지도 같은 층에 있는데 하루 묵고 이곳에서 모닝커피를 하기로 했다. 체크인은 15:00 시 체크 아웃은 오전 11:00 시다. 객실은 4층을 배정받았다. 아쉽게도 스키장이 보이는 뷰가 좋은 방은 아니다. 총각 시절에는 친구들과 스노보드를 타러 몇 번 오곤 했었는데 결혼 후 아이들과는 처음이다. 약 10년 전에는 지산과 곤지암은 오픈한지 얼마 안 된 스키장이라 시설들이 참 깨끗했던 걸로 기억한다. 시간이 지난 만큼 사용감이 있었지만 관리가 잘 되고 있었다. 리조트라 조리가 가능하다..

프로그래밍/JavaScript 게임 개발

슬라이딩 퍼즐 게임 만들기 #3/4 (타일 섞기)

셔플 조건 타일의 움직임을 구현했으니 이제 섞기(Shuffle)을 구현할 차례이다. 언뜻 생각하면 타일의 순서를 아무렇게나 섞으면 될것 같지만 그렇게 하면 안 된다. 슬라이딩 퍼즐은 다음과 같은 조건이 있다. 출처는 나무위키다. NxN의 형태로 배치하였고, '자신보다 큰 수가 자신의 앞에 있는 개수'의 합계가 I이며, 빈 칸에 해당하는 X가 있을 떄 다음과 같다. N이 홀수, I가 짝수이면 풀 수 있는 배치. N이 짝수, X가 맨 아래 짝수 칸, I가 홀수이면 풀 수 있는 배치. N이 짝수, X가 맨 아래 홀수 칸, I가 짝수이면 풀 수 있는 배치. 그 외에는 전부 불가능. 정말로 불가능한지 테스트 해보자. 아래와 같이 코드를 수정하여 타일 순서를 의도적으로 바꿔 진행해 본다. testArr 배열을 하나..

맛집탐방

곤지암 수제 돈가스 전문점 blue

우리 둘째는 돈가스를 참 좋아한다. 그래서 점심은 돈가스로 결정이 되었다. 곤지암 리조트 가는 길. 그렇게 찾아간 돈가스 맛집 블루. 아직 애들이 어려서 가족수에 맞게 메뉴를 4개나 주문하기엔 무리다. Best 메뉴인 수제 돈가스, 갈릭 돈가스, 스노우 치즈 돈가스 이렇게 3개를 주문했다. 매콤 돈까스가 좀 궁금하지만 우리 애들은 못 먹을 것 같아서 패스. 가격은 정말 괜찮다. 도드람 한돈 생고기만 사용한다고 한다. 테이블은 약 10개 정도였는데, 평일이고 점심 피크 타임이 지난 시간임에도 테이블 반 정도는 손님이 있는 상태. (안쪽에 많이들 앉아 계셔서 안쪽은 못 찍었다.) 맛도 좋고 가성비가 좋아서 근처 주민들이 많이 오시는 듯? 돈가스 먹기 전에 입맛을 돋우는 수프. 맛은 여느 돈가스 집에서 나오는..