퍼즐게임 개발일지 8편 Timeline을 사용해보자! (주말에 올리는 개발일지 워후) Timeline? 그게 뭐지? 싶지만 After Effect랑 비슷한거라고 생각하면 편하다(연출용 기능) 보면 몇초부터 몇초는 어떤 기능 몇초부터 몇초동안 active false 이런것들을 설정할 수 있다 wow! 여담인데 난 이걸 회사 들어가서 처음 알았다 사용 방법은 간단하다 연출을 찍고 싶은 객체를 드래그 해서 왼쪽 밑에 붙이면 된다 그러면 오른쪽 이미지처럼 4개의 설정 중 하나를 선택할 수 있게 한다 나는 위치를 이동시키는 Animation을 넣어줄거라 저걸 선택했다 Animation을 주고 싶으면 저 빨간 버튼을 클릭해준다 0초일때 위치를 -15 5초 뒤에 -2로 옮겨주는 간단한 애니메이션을 넣었다 위치를 입력..
퍼즐게임 개발일지 7편 근본부터 수정 2 (부제: 바보 같은 나) 보드 퍼즐들이 자신의 부모들에 맞게 생성되게끔 FindBoardByBoardID 라는 기능을 추가했다 이게 뭔 개소리지? 싶을 수 있지만 원리는 아주 간단하다 자판기에서 동전을 넣고 주스 버튼을 누르면 주스가 나오듯이 나도 내가 원하는 버튼을 눌러 보드를 return 시킨 것이다 하지만 결과를 봤더니 띠요옹~?! 퍼즐들이 부모의 위치에 영향을 받아서 위치가 맞았음에도 이상한 곳에 생성됐다 하지만 걱정할 것 없다!! 부모의 위치는 -27, 152 생성되어야 하는 곳은 19, 297 그리고 원래 퍼즐의 위치는 -8, 145이다 우리는 이정도의 산수는 할 수 있다 원래 퍼즐의 위치-부모의 위치만 해주면 생성되어야 할 곳의 위치가 나온다. 그래서..
퍼즐게임 개발일지 6편 근본부터 수정 1 오늘은 특별히 그림 설명도 준비했다 원래 구성은 모든 퍼즐들을 다 합쳐서 하나의 스테이지로 구성했었는데 조금 더 세분화를 해야할 것 같았다 그래서 퍼즐들, 퍼즐들을 모아서 퍼즐판 퍼즐판들을 모아서 스테이지로 구성하기로 했다 퍼즐 사실 퍼즐들은 특별하게 추가 할 건 저 보드 아이디 정도?(Board Storage를 추가했다) 같은 스테이지 안에 있는 퍼즐이라고 해도 하트 모양의 판 안에 속한 퍼즐인지 별 모양의 판 안에 속한 퍼즐인지 구별은 해줘야 할 것 같아서 만들게 됐다 선택한 아이디에 따라서 퍼즐 조각을 나눠서 넣어줬다 대신 퍼즐 배치는 판 상관 없이 짬뽕이어야 하기 때문에 GetAllPuzzles를 좀 수정했다 Array 안에 있는 boardList(위에 보..
퍼즐게임 개발일지 5편 열심히 뒤집는 중 마우스를 뗄 때(퍼즐을 놓을 때) 특이한 점이 원래 캔버스에서의 위치 (original Position)이랑 마우스 월드 좌표가 100배정도 차이났다 그렇다는건...? 마우스 위치에 100을 곱하면?! 그래서 마우스 위치에 100을 곱하고 걔랑 위치 비교를 갈겼다 100을 곱했더니 차이를 비교하기 쉬워졌다 굿굿 Debug도 잘 찍힌다(대충 위치 맞았다는 뜻) 그리고 Eww.... 다시 사이즈도 조정할 것이다 사이즈가 가로로 기냐, 세로로 기냐를 나눠서 가로로 길면 가로를 120(최대 width), 거기에 맞춰 세로를 맞춰주고 세로로 길면 반대로 세로를 120으로 맞춰준다 그리고 Vector2를 2개 준비해서 originalSize(원래 퍼즐 크기) currentS..
퍼즐게임 개발일지 4편 게임 구성을 뒤엎어야 할거 같다;; 원래 Scroll View만 Canvas에 넣어두고 Cinemachine 때문에 그 외 요소는 Canvas 밖에 있었는데 같은 SpriteRenderer라고 해도 Canvas에 있느냐, 그 밖에 있느냐에 따라 사이즈가 달라지더라... 그래서 Scroll View가 있는 Canvas는 그대로 냅두고 World Space를 사용하는 Canvas(Background)를 만들었다 Canvas Render Mode를 World Space로 바꿔주고 사이즈를 맞춰주기 위해 0.01배로 줄여줬다 Prefab 퍼즐들은 World Transform을 사용하고 Image Component가 없어서 수정 해줄 것이다 사실 원래 sprite renderer 밖에 없어..
사실 갑자기 웹 개발을 하고 있는건 그냥 다른 개발을 하고 싶어서다 (번아웃 방지용) 저번에 사용한 기본 테마는 Poster 이번에는 Portfolio를 사용할 것이다 이게 기본 모습이다 사실 내가 반응형 웹을 배운적이 없어서.. 무식하게 9등분으로 나눴다..ㅎㅎㅎ 9등분을 해준 다음 양쪽 끝은 고정 사이즈, 가운데는 양쪽 끝 이미지가 떨어진 구간을 전부 채우는 식으로 만들었다 Default는 background-size를 contain으로 해줬지만 일정 비율 이상으로 사이트를 확대할 경우(이 경우에서는 110% 이상) 부터는 cover로 바꾸어주었다 "Background-Size: Contain" 배경 이미지가 요소의 전체 영역을 완전히 채우도록 크기가 조정. 이미지의 비율(aspect ratio)은 ..