개미v

온라인 멀티플레이 이동을 구현하기에 앞서 기존 이동을 tween으로 개선했습니다. tween은 캐릭터를 (x, y)로 이동 시키는 기능입니다. 클라이언트Loading Scene에서 '시작하기'를 클릭하면 MyGame Scene으로 이동하고, MyGame Scene에서는 웹소켓 연결을 생성하고 서버로부터 JOIN이나 EXIT 같은 메세지를 주고 받으면서 다른 플레이어 정보를 주고 받습니다.// CANVAS 크기const WIDTH = 800;const HEIGHT = 600;// 웹소켓 : 클라이언트 --> 서버const C_JOIN = 1;const C_EXIT = 2;// 웹소켓 : 서버 --> 클라이언트const S_JOIN = 1;const S_EXIT = 2;const SERVER_URL = 'h..

게임에 여러명이 접속을 하면 플레이어 캐릭터가 생성되는 예제입니다. 플레이어 세션관리는 서버쪽에서 하고, 클라이언트와 서버의 통신은 웹소켓으로 통신합니다. 클라이언트Loading Scene에서 '시작하기'를 클릭하면 MyGame Scene으로 이동하고,  MyGame Scene에서는 웹소켓 연결을 생성하고 서버로부터 JOIN이나 EXIT 같은 메세지를 주고 받으면서 다른 플레이어 정보를 주고 받습니다.// CANVAS 크기const WIDTH = 800;const HEIGHT = 600;// 채팅 : 클라이언트 --> 서버const C_JOIN = 1;const C_EXIT = 2;// 채팅 : 서버 --> 클라이언트const S_JOIN = 1;const S_EXIT = 2;const SERVER_UR..

Loading 장면에서 MyGame 장면으로 전환하는 예제 입니다.각 Scene는 클래스로 만드는 것이 효율적입니다. Scene 전환  결과화면

키보드 왼쪽, 오른쪽, 위, 아래 눌렀을 때 캐릭터가 이동하는 예제 입니다. 캐릭터 이동  대각선 이동 코드대각선 이동시는 아래 코드 추가하면 됩니다.글자수 제한 있어서 따로 뺏어요. function create() { // 왼쪽 위 이동 this.anims.create({ key: 'leftUp', // 애니메이션 이름 frames: this.anims.generateFrameNumbers('dude', { start: 0, end: 3 }), // 프레임 범위 frameRate: 10, // 프레임 속도 repeat: -1 // 무한 반복..

스프라이트 이미지란?캐릭터가 이동할 때 움직임을 표현할 수 있도록 배열로 구성된 이미지 입니다.아레 예제 이미지는 하나가 32px × 48px 크기로 10개로 구성 되어 있습니다.  스프라이트 이미지 불러오기  결과화면스프라이트 이미지의 4번째 프레임만 화면에 보여집니다.

난생 처음 해보는 게임 개발을 시작했습니다.기존 운영 중인 웹사이트에 게임 기능을 넣어볼 생각이라서, 웹에서 쉽게 개발할 수 있는 게임 프레임워크를 찾아보니 phaser3가 가장 무난하다고 합니다.​phaser3란?HTML5 게임 개발을 위한 자바스크립트 게임 엔진입니다. 웹에서도 게임을 만들 수 있습니다.​개발환경phaser3는 자바스크립트 프레임워크이기 때문에 메모장 하나만 있어도 개발 가능합니다.npm, webpack, node.js 이런 것 필요없습니다.​저는 개발편의를 위해서 에디터는 비주얼 스튜디오 코드를 사용했고, 웹서버는 Live Server (비주얼 스튜디오 코드 Extensions) 사용했습니다.​이미지 불러오기첫번째 강좌로 이미지 불러와서 화면에 보여주는 예제 입니다.    결과화면

사이버 관련된 고소(통매음, 모욕, 저작권 등) 관련 글을 보면, 맥어드레스로 사용자를 특정할 수 있다고 보는 글들이 종종 보입니다. 전공자로서 말씀드리면, 이것은 잘못된 사실입니다. 사용자의 맥 어드레스는 서버로 전송되지 않습니다. 기술적으로 불가능 합니다.IP주소와 맥어드레스는 역할부터가 다릅니다. IP주소는 인터넷 또는 서로 다른 네트워크 환경에서 장치를 식별하기 위함이고맥어드레스는 같은 네트워크 환경에서 장치를 식별하기 위함 입니다. 우리가 인터넷을 하면 여러 네트워크 장치(랜카드, 공유기, 모뎀, 스위치, 라우터 등) 거쳐서 통신이 이루어 집니다.그래서 웹서버 입장에서는 실제 사용자의 맥어드레스가 아닌, 라우터나 중간 네트워크 장치의 맥주소가 수집됩니다. 이론은 그렇고 실제로도 그런지 와이어샤크..

어느날 갑자기 어금니쪽 잇몸이 부어 올랐습니다.아래 사진 처럼요.​​저는 20대 때 어금니가 났는데, 그게 사랑니가 난 것인 줄 알았어요.이빨 개수 세어보면 4개가 모자라고.. 난 왜 이빨이 개수가 적은가? 이상해했죠.치아는 건강해서 평생 치과 갈일 없었고, 아무 일이 발생하지 않으니 신경쓰지 않았습니다.​​치과 선택그런데 10일 전에 생긴 염증이 가라앉지 않고, 이게 사랑니일 수 있겠다 싶어서 발치하러 치과에 갔습니다.동네 치과 중에서 유일하게 "우리 사랑니 잘 뽑아요" 자신있게 홍보하는 치과로 갔어요.사랑니가 돈이 안되고, 어렵고, 위험하기만 해서, 보통 다른 치과는 하기 싫으면 "대학병원 가세요" 한다고 하더라고요.​​발치X-RAY 사진 찍어보니 오른쪽 아래에만 사랑니가 있더라고요.다행히 나머지 3..

요즘 집에서 쉬고 있는지라, 일하고 싶을 때만 일할 수 있는 부업을 찾아봤습니다.그중에 눈에 뛴 것이 마켓컬리 배송 알바일하고 싶을 때만 당일 신청하고, 당일 가서 배송하면 되는 일입니다. ​제일 먼저 궁금해할 근무시간과 수입근무시간은 평균 4시간입니다. (첫날만 엄청 어리버리로 4시간 30분, 둘째날 부터 숙련공 가능) 평균 수입은 6만원 ~ 6만2500원소요경비는 기름값 + 감가상각 5천원 정도​시급으로 대략 14,000원 입니다.​그런데 채용 홍보글 보면 3시간 일해서 10만원 번다고 적혀 있음..저도 이거 보고 설마 단순배송이 시급 3만원 줄까 했는데 역시나 그렇게 줄리가 없었음 (추가)자동차보험에 개인적으로 유상운송특약 가입해야 합니다. 특약 가입 안하면 사고시 보상 안되고, 대인 사고시 나락갈..

기업의 매출액을 직원으로 나눈 수인데, 점점 증가하고 있다고 합니다. 참고로 물가가 반영된(adjusted for CPI) 지표에요. 지금 생산성은 86년도 보다 60% 올랐습니다.컴퓨터 나오고, 인터넷 나오고 했는데도 60%밖에 안 올랐다는 것도 신기한데AI로 많이 오르고 있다는 것도 좀 신기하네요. 이게 사실이라면 앞으로 미국 주식이 꽤 상승할 것으로 예상 합니다.