본문 바로가기

분류 전체보기

(220)
클립 스튜디오 - PRO로 25프레임 이상 애니메이션 작업 Onion기능을 사용할 것이다. 따라서 이전 프레임을 보아야하기 때문에 Ex를 사용하는게 큰 이유일 것이다. 다음 방법을 따라 한다면 큰 문제없이 25프레임 이상의 애니메이션 작업도 수행할 수 있다. 1. 작업을 시작한다. 먼저 그리고 싶은 애니메이션을 25프레임을 모두 사용해서 작업한다. 2. 새로운 애니메이션을 제작한다. 새로운 파일을 사용해서 새 25프레임짜리 애니메이션을 그린다. 여기서 한가지 문제는 맨 위에서 언급했듯 Onion기능을 사용하지 못하는 것일텐데, 이를 위해 먼저 새로 만든 첫번째 프레임을 이전 파일에서 작업한 맨 마지막 그림을 복사 붙여넣기 한다. 그렇게 한 후 Onion기능을 사용해 그 다음 프레임을 그리고 붙여넣은 프레임을 지우고 1프레임을 당겨 다시 작업한다. 3. 모든 애니..
게임잼을 위한 축소된 기획을 하는 법 게임잼이란?게임잼이란 무엇일까?게임잼은 참가자들이 처음부터 비디오 게임을 만들기 위해 노력하는 대회이다.게임잼의 대회 기간은 보통 24시간에서 72시간이다.형식에 따라 참가자는 개인 또는 팀별로 작업할 수 있다.게임잼은 음악에서 세션들이 모여서 즉흥적으로 연주를 하는 걸 잼이라고 하는 것에서 유래했는데, 게임도 마찬가지로 모인 사람들이 즉흥적으로 게임을 만드는 행사를 게임잼이라고 한다. 필자는 많진 않지만 게임잼을 여러번 참여한 경험이 있다.그 때는 모두 기획자로 참여하였다. 당시 필자는 의욕이 넘처 머리속에 있던 모든 아이디어를 기획서에 적어 넣었다.시간이 정해져있다는 생각은 하지 않고 말이다. 게임잼은 대부분 기간을 매우 짧게 주기 때문에 항상 큰 게임만 바래왔던 필자는 매번 기획을 축소할 수 밖에 ..
CSS ::before ::after (가상 선택자) 필자는 이 글의 주제인 ::before와 ::after 선택자를 유튜브에서 처음 활용하는 법을 배웠다. 해당 선택자를 사용하여 입체적인 3D 버튼을 만드는 법을 알게됐다. 각설하고, 이번에는 가상 선택자를 사용하는 방법을 빠르게 알아보겠다. 편의를 위해 css는 html파일 내에 작성하겠다. 이번 글의 목표는 가상 선택자를 사용해서 3D 박스를 제작해보겠다. 먼저 box 클래스를 가진 div를 생성한다. 3D button 위 코드를 웹에서 돌려보면 이렇게 보인다. 그러면 이제 가상 선택자를 사용해볼 차례이다. .box::before{ } .box::after{ } 우선 가상 선택자를 사용하려면 content 속성을 무조건 넣어야한다. content 속성은 위 가상 선택자들이 실체를 가질 수 있도록 도와준..
PNG 파일 헤더 CTF 문제들을 풀다 보면 가장 기본적으로 보이는 문제들이 바로 이미지 파일 헤더를 바꾸는 문제이다. 난이도는 쉬운편이며 파일 헤더만 검색하면 풀수 있기도 하다. 오늘 필자가 사용할 툴은 HxD이다. 일단 파일을 뜯어보기 위해 간단하게 이미지를 만들어보겠다. 이게 오늘 실습에 사용할 이미지이다. 먼저 HxD를 켜서 바로 이 PNG 파일을 올려보자. 지금 드래그하여 강조를 한 8바이트가 바로 PNG파일 헤더(시그니처)이다. 89 50 4E 47 0D 0A 1A 0A 는 무조건 PNG파일이라면 꼭 있어야한다. 만약 저 hex에서 1이라도 틀린다면 해당 파일은 열 수 없다. 그러면 실험을 위해 0D에서 0A로 바꿔보겠다. Decoded text 부분에서는 이전과 마찬가지로 '.'으로 보이지만 저장한 후 열어보..
Test Case 작성 Test Case를 작성하는 순서는 다음과 같다. 1테스트 범위 및 목표 정의 테스트를 시작하기 전에 테스트의 범위와 목표를 정의해야 한다. 범위는 기능, 플랫폼, 시나리오, 기준 등 테스트할 게임의 측면을 정의한다. 목표는 게임의 기능, 유용성, 성능, 호환성 확인 등 테스트를 통해 달성하려는 목표를 정의한다. 범위와 목표를 정의함으로써 테스트 전략을 계획하고, 테스트 사례의 우선순위를 지정하고, 테스트 결과를 측정할 수 있다. 2테스트 케이스 설계 및 실행 테스트 사례는 게임의 특정 측면을 테스트하기 위해 수행하는 일련의 단계다. 예를 들어, 게임 메뉴 테스트를 위한 테스트 케이스에는 메뉴 열기, 옵션 탐색, 옵션 선택, 메뉴 닫기 등의 단계가 포함될 수 있다. 테스트 케이스를 디자인하려면 각 테스트..
게임 DB 제작 [1] 나는 기획을 하며 창작 기획서든 역기획서든 무조건 DB는 제작한다. 그 이유는 그냥 재밌기 때문이다. 개발자들이 스탯을 설정한 것들이 궁금하기도 하며, 아이템을 어떻게 분류했는지, 나였으면 어떻게 분류할것인지 등을 자유롭게 정할 수 있기 때문이다. 물론 사람들마다 DB를 작성하는 방법은 천차만별이며, 나는 아직 배우는 입장이기에 이 글을 쓰는 것도 어찌보다 웃길수도 있다. 하지만 이런 글이라도 누군가에게 도움이 된다면 그걸로 행복할 것 같다. 이번 글은 '게임 DB 작성법' 첫번째 글이다. 첫번째 글인 이유는 게임의 장르에 따라 DB 구성이 천차만별이기에 최대한 유동성있게 내용을 적고자 나누었다. 필자는 DB를 작성하려면 최소한 데이터 자료형과 관련된 지식이 있어야 한다고 생각한다. 바로 본론으로 넘어가..
CSV 파일 구조 csv 파일은 굉장히 유명한 데이터 저장 방식 중 하나이다. Excel에서도 사용하며, 인공지능을 학습하기 위한 데이터도 csv파일로 구한 기억이 있다. 그렇다면 csv파일은 어떻게 만드는걸까? 사실 csv파일은 JSON파일과 같이 사람 손으로 직접 작성하는 경우는 거의 없다. 왜냐하면 대부분 excel과 같은 프로그램으로 미리 데이터를 제작하고 csv파일 형식으로 export하는 것이기 때문이다. 그럼에도 이번에는 csv파일을 손으로 작성하는 방법에 대해서 알아보고자한다. 사실 방법 자체는 그리 어렵지 않다. 대부분의 개발용 확장자들은 vscode나 기타 프로그램을 통해서 열어야하는데에 반해, csv파일은 메모장으로도 열 수 있다. CSV파일은 comma-separated values 의 약자로, 그저..
JSON 파일 구조 JSON은 데이터를 저장할 수 있는 효과적인 확장자 중 하나라고 생각한다. 그만큼 처음 시작하기도 매우 간단하다. **이 글에서는 JSON파일 자체의 내부 구조를 설명하는 글이 아니다. JSON파일은 생각보다 사용하기 간단하다. 아래는 JSON파일을 작성하기 위한 조건이다. 1. JSON 데이터는 이름과 값의 쌍으로 이루어진다. ["이름"] : 값 2. JSON 데이터는 쉼표(,)로 나열된다. ["이름1"] : 값, ["이름2"] : 값 이 때 마지막 데이터는 무조건 쉼표가 없어야한다. 3. 객체(object)는 중괄호({})로 둘러쌓아 표현한다. { "name": "apple", "class": "item", "heal": 15, "stack": 99 } 4. 배열(array)은 대괄호([])로 둘러쌓..