문제 출처 - https://www.acmicpc.net/problem/20125쿠키런은 데브시스터즈에서 제작한 모바일 러닝 액션 게임이다. 마녀의 오븐에서 탈출한 쿠키들과 함께 모험을 떠나는 게임으로, 점프와 슬라이드 2가지 버튼만으로 손쉽게 플레이할 수 있는 것이 특징이다.연세대학교를 졸업한 김강산 선배님이 데브시스터즈에 취직하면서 주변 사람들에게 쿠키런을 전파시켰다. 하지만 게임을 전파하던 중에 쿠키들에게 신체적으로 이상이 생기는 것을 발견하였다. 팔, 다리 길이가 임의적으로 변한 것이다. 때문에 긴급하게 각 쿠키들의 신체들을 측정하려고 한다.쿠키들은 신체를 측정하기 위해서 한 변의 길이가 N인 정사각형 판 위에 누워있으며, 어느 신체 부위도 판 밖으로 벗어나지 않는다. 판의 x번째 행, y번째 열..

문제 출처 - https://school.programmers.co.kr/learn/courses/30/lessons/250137어떤 게임에는 붕대 감기라는 기술이 있습니다.붕대 감기는 t초 동안 붕대를 감으면서 1초마다 x만큼의 체력을 회복합니다. t초 연속으로 붕대를 감는 데 성공한다면 y만큼의 체력을 추가로 회복합니다. 게임 캐릭터에는 최대 체력이 존재해 현재 체력이 최대 체력보다 커지는 것은 불가능합니다.기술을 쓰는 도중 몬스터에게 공격을 당하면 기술이 취소되고, 공격을 당하는 순간에는 체력을 회복할 수 없습니다. 몬스터에게 공격당해 기술이 취소당하거나 기술이 끝나면 그 즉시 붕대 감기를 다시 사용하며, 연속 성공 시간이 0으로 초기화됩니다.몬스터의 공격을 받으면 정해진 피해량만큼 현재 체력이 줄..

배포를 해본 적이 없어서 간단하게라도 배포해보고자 Vercel을 알아보게 되었다! Vercel 이란?next.js 개발 팀에서 제작한 호스팅 사이트Configuration, SuperVision 없이 즉시 배포 가능GitHub, GitLab 등 버전관리툴과 연동하여 사용배포한 프로젝트에 대해 Push를 하면 재배포가 가능하다!1. 배포 과정먼저 프로젝트를 완성하고, Vercel 홈페이지에 접속후, 깃허브나 깃랩 계정으로 로그인!초기 깃허브 연동을 하라고할때, 전 프로젝트를 연동할지, 선택할지는 본인이 고르면 된다.지금은 배포가 된 상태라 저렇게 뜨지만, 아무것도 없으면 프로젝트를 임포트하라고 한다.Add New 버튼 클릭후 Project 클릭배포하고싶은 프로젝트 Import누르게되면 다음과 같은 화면이 ..

Phaser3란canvas API를 매핑한 JavaScript 기반의 게임 프레임워크유니티, 언리얼 엔진을 제외하고, 2D게임을 만드는데 유용하다!개발에 앞서 알아야할 사실들Phaser의 경우 JavaScript로 구현하기 때문에, React + TypeScript환경에서 적절하게 코드를 수정해야한다.Phaser는 Scene이라는 단위로 맵, 화면을 구성한다. 게임 로직을 구성할 때 사용한다. (효과음 또는 동작 등...)개발 진행1. Phaser 설치VScode에서 다음과 같은 명령어를 입력하여 간단하게 설치가 가능하다.npm i phaser 2. 프로젝트 생성Vite를 이용해서 기본 프로젝트를 생성한다! npx create vite@latest [프로젝트명] -- --template react-tsn..