티스토리

그만놀고 일어나

검색하기

블로그 홈

그만놀고 일어나

100000000.tistory.com/m

억만장작 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[Next js] server Component에서 client Component로 변수를 보낼 때 주의사항 (에러: Warning: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to .. 웹 페이지의 성능을 위해서 server component와 client component를 함께 사용하는 경우가 많다. server component에서 client component로 변수를 전달할 때 발생하는 에러이다. Warning: Only plain objects can be passed to Client Components from Server Components. Objects with toJSON methods are not supported. Convert it manually to a simple value before passing it to props. 이 에러는 전달하는 props가 복잡한 object일 때 발생했다. (나의 경우에는) 해결하는 방법은 간단하다. object였던 변.. 공감수 0 댓글수 0 2023. 11. 15.
[Next js] use client?! 서버 컴포넌트, 클라이언트 컴포넌트에 대해서 알아보자 Next js에서 컴포넌트를 작성하면 기본적으로 서버 컴포넌트를 작성하게 된다. export default function Cart() { return ( Cart ); } function CartItem() { return ( 상품명 $40 1개 ); } 하지만 서버 컴포넌트는 onClick을 넣거나 react의 useState, useEffect와 같은 코드를 동적으로 실행할 수 없다. 그래서 이런식으로 html에 자바스크립트 기능을 넣기 위해서는 클라이언트 컴포넌트로 구현해야 한다. 방법은 굉장히 간단하다. 'use client' 클라이언트 컴포넌트로 만들고 싶은 파일의 최상단에 'use client' 한 줄만 추가하면 된다. 공감수 0 댓글수 0 2023. 11. 13.
[Next js] img가 아닌 Image를 사용해보자 img 태그는 정말 많이 사용하는 태그일 것이다 하지만 layout shift (이미지가 로딩되기 전과 후의 크기 차이가 있을 때 밀리는 현상)이나 lazy loading, 사이즈 최적화를 위해서는 Image 컴포넌트를 사용하도록 하자 import Image from 'next/image' import food0 from '/public/food0.png' export default function List() { let products = ["Tomatoes", "Pasta", "Coconut"]; return ( 상품목록 {products.map((item, i) => { return ( {item} 이것은 물건입니다. 그것에 대한 설명을 이렇게 마구 써놨습니다 ); })} ); } 여기서 주의사항은.. 공감수 0 댓글수 0 2023. 11. 13.
[Next js] key 속성을 왜 넣어줘야 하지? Next는 React를 기반으로 만들어졌으니 React의 특징을 많이 가진다. React의 특성인 가상 돔을 이용하여 특정 부분만 다시 그려주는 특성은 비슷한 돔이 반복적으로 나타났을 때 (map을 사용하는 경우) 다른 점을 찾기 위해 순차적으로 돔을 확인한다. 이는 속도 저하와 이어질 수 있기 때문에 각 돔의 key 값을 줘 찾을 수 있도록 한다. React에서도 권장하는 사항임. export default function List() { let products = ["Tomatoes", "Pasta", "Coconut", 'Apple']; return ( 상품목록 {products.map((item, i) => { return ( // index를 key 값으로 넣는 경우가 많다. {item} 이것은.. 공감수 0 댓글수 0 2023. 11. 13.
[Next js] a태그를 사용하지 말고 Link를 사용하자 현재 듣고 있는 애플코딩의 강좌에서 a태그를 사용하는 것보다 Link를 사용하는 것이 더 부드럽게 페이지 전환이 된다고 한다 [React] Link와 태그의 href의 차이 리액트에서 페이지를 이동할 때는 태그의 href 대신 Link를 사용해야 한다. 이유 태그의 href로 이동하면 상태 값을 잃고 속도가 저하된다. 리액트는 단일 url을 가지고 SPA(Single Page Application)으로 사 gomgomkim.tistory.com 위의 블로그에 따르면 a 태그를 사용하여 페이지를 불러오면 이전의 페이지를 날리고 새로 불러와야 해서 리액트와 Next js의 경우 속도 저하가 발생할 수 있다 그래서 이전의 페이지를 날리지 않는 Link를 사용해야하는 것이다 (웬만하면 Link를 사용하는게 좋을.. 공감수 0 댓글수 1 2023. 11. 13.
[Next js] vscode에서 태그 자동완성 안될 때 React나 Next js를 사용할 때 태그가 자동완성 되지 않는 경우가 있다 이럴 때 간단하게 세팅만 조금 만져주면 해결된다. Shift + Command + p 를 눌러 setting.json을 연 다음 가장 아래에 아래의 코드를 추가해주자 "emmet.includeLanguages": { "javascript": "javascriptreact" }, "emmet.syntaxProfiles": { "javascript": "jsx" }, 이걸 하고 안하고의 차이가 크니 꼭 하자 공감수 0 댓글수 0 2023. 11. 13.
오늘 한 일 기록 9일 차 2023-06-13 (화) 수면 기록 수면 시간 : 05시 10분 기상 시간 : 10시 30분 총 수면 시간 : 5시간 20분 Focus Plant 스크린 샷 한 일 - 대부분의 시간을 혁신 창업 스쿨에서 제공하는 강의를 본다고 사용했다. - 웅진 씽크빅에서 제공해준 피드백을 바탕으로 수정사항을 수정했다. - 중간에 20분의 낮잠을 잤다. 느낀 점 - 이전에도 쓴 느낀 점이지만 잠을 자야할 시간에 자자. 업무뿐만 아니라 생활 리듬이 망가진다. - 하지만 5 ~ 6시간만 자더라도 살만할 것 같다는 생각도 들었다. 대신 낮잠을 잠깐이라도 자는 시간이 필요하다. 공감수 0 댓글수 1 2023. 6. 14.
오늘 한 일 기록 8일 차 2023-06-12 (월) 수면 기록 수면 시간 : 3시 00분 (이때쯤 밖에서 자고 5시에 일어났다가 다시 잠) 기상 시간 : 9시 00분 총 수면 시간 : 7시간 Focus Plant 스크린 샷 느낀 점 - 아침 9시 출근, 야근 포함 11시 퇴근의 규칙을 정하고 실천하니 실제 개발에 집중할 수 있는 시간이 길어졌다. 효과가 있다. - 11시 퇴근을 했을 때 나의 시간이 생겨 자유로웠지만 너무 빠져서 잠을 제 때 안 잤다. 잠을 제때 자도록 하자 공감수 0 댓글수 0 2023. 6. 13.
오늘 한 일 기록 7일 차 2023-06-09 (금) 수면 기록 수면 시간 : 02시 00분 기상 시간 : 9시 00분 총 수면 시간 : 7시간 Focus Plant 스크린 샷 느낀 점 - 술을 너무 마셔서 다음날에 지장이 생겼었다. 자제하자 - 오늘 한 일은 그날 그날 기록하자 공감수 0 댓글수 0 2023. 6. 13.
오늘 한 일 기록 6일 차 2023-06-08 (목) 수면 기록 수면 시간 : 02시 30분 기상 시간 : 07시 00분 총 수면 시간 : 5시간 50분 Focus Plant 스크린 샷 오늘은 스크린 샷이 없음 느낀 점 - 오늘은 09시 부터 16시 30분 까지 리더십 교육이 있었다 - 사무실 복귀 후 18시 부터 21시 30분 까지 팀원과 미팅을 하고 21시 30분부터 23시 30분까지 디자이너와 미팅을 해서 개발을 거의 하지 못했다. - 잠깐 개발을 하더라도 Focus Plant를 통해 시간 체크 하는 것을 생활화 하자... 공감수 0 댓글수 0 2023. 6. 9.
오늘 한 일 기록 5일 차 2023-06-07 (수) 수면 기록 수면 시간 : x 기상 시간 : x 총 수면 시간 : x Focus Plant 스크린 샷 느낀 점 - 그날 그날 바로 올리자. - 당근 거래에 시간을 너무 많이 빼앗긴다. - 친구랑 만날 일 생기면 개발을 거의 못한다. 공감수 0 댓글수 0 2023. 6. 9.
오늘 한 일 기록 4일 차 2023-06-06 (화) 수면 기록 수면 시간 : 2시 30분 기상 시간 : 8시 부터 8시 30분 까지 총 수면 시간 : 5시간 반 ~ 6시간 Focus Plant 스크린 샷 느낀 점 - 오후 6시까지 열심히 집중하다가 휴일이라고 풀어져서 그 이후로는 당근마켓, 직방을 본다고 일을 하지 않았다. - 휴일이라고 풀어지는 일이 없도록 노력하자. - 일찍 일어난건 잘한 일이다. 공감수 0 댓글수 0 2023. 6. 7.
모니터계의 애플 DELL을 만나다 (QHD 울트라 샤프 27인치 U2722D) 개요 이 글은 DELL의 울트라 샤프 모니터 개봉기다 기능에 대한 설명은 공식 홈페이지에 들어가면 훨씬 정확하게 나와있으니 필요하다면 그쪽으로 가자 Dell UltraSharp 27 QHD 모니터 – U2722D | Dell 대한민국 폭넓은 색 지원 범위와 빠른 연결 기능을 제공하는 이 27형 U2722D 대형 QHD 모니터로 업무 환경을 개선하여 생산성을 높일 수 있습니다. www.dell.com 산 이유? 아마 저번 MX Master 3S 개봉기에서 말했을 것이다 MX Master 3S 약 1년 사용후기와 하나를 더 산 이유 하나 더 산 이유 함께 사무실에서 일하는 팀원이 사용하는 마우스와 키보드가 정말 마음에 안 들어 바꾸길 권한 지 거의 1년이 다 되어간다. 팀원은 장비에 대한 욕심이 전혀 없었고.. 공감수 2 댓글수 0 2023. 6. 6.
오늘 한 일 기록 3일 차 2023-06-05 (월) 수면 기록 수면 시간 : 03시 00분 기상 시간 : 10시 00분 총 수면 시간 : 7시간 Focus Plant 스크린 샷 타이머를 재는 것이 습관이 되지 않아 약 2시간 정도는 타이머를 재지 않았다. 느낀 점 - 약 2시간 정도의 타이머를 재지 않았다고 하더라도 일을 하는 시간이 너무 적다. - 예비 창업자 패키지에 떨어진 사람들을 상대로 멘토링을 받았는데 그 시간을 3시간으로 잡더라도 너무 적은 시간을 일했다. - 아침에 이유모를 피곤함 때문에 제대로 집중하지 못했다. 하지만 짧은 시간동안 빠르게 잠을 자는 선택은 나쁘지 않았다. - 1수면 시간을 1시간 더 줄이도록 하자. - 아침에 제대로 잠을 못자면 커피를 마셔도 제대로 깨지 못한다... 공감수 0 댓글수 0 2023. 6. 6.
오늘 한 일 기록 2일 차 2023-06-02 (금) 수면 기록 수면 시간 : 04시 00분 기상 시간 : 10시 40분 총 수면 시간 : 약 6시간 40분 Focus Plant 스크린 샷 느낀 점 아침에 일찍 일어나니 아낄 수 있는 시간이 많아진다. 원래는 오후 4시에 약속이 있어 그 전까지 개발을 많이 못했을 텐데 생각보다 많이 할 수 있었다. 전 날 블로그를 쓰면서 사용한 시간도 같이 계산돼서 가능하면 11시 30분에 블로그를 쓰고 12시에 책을 읽고 1시에 자면 좋을듯 싶다. 일어나는 시간은 7시 수면시간 6시간으로 정하자. 토, 일도 실천해보자. 블로그를 쓴다고 사용한 시간이 너무 길다. 적당히 쓰자. 개발할 시간도 부족하다! 공감수 0 댓글수 0 2023. 6. 3.
MX Master 3S 약 1년 사용후기와 하나를 더 산 이유 하나 더 산 이유 함께 사무실에서 일하는 팀원이 사용하는 마우스와 키보드가 정말 마음에 안 들어 바꾸길 권한 지 거의 1년이 다 되어간다. 팀원은 장비에 대한 욕심이 전혀 없었고 지금 사용하는 마우스와 키보드에도 만족하는 것처럼 보였다. 하지만 보는 내가 불편했고 이 불편함을 해소하기 위해서 팀원의 마우스와 키보드를 바꿔야 했다. 맞다. 제목에 하나를 더 산 이유라고 써서 내가 산 것처럼 말했지만 사실 팀원의 마우스를 바꾼 것이다. 팀원과 함께 사무실을 구해 게임 개발을 시작한지 1년이 다 되어갈 즈음 우리는 돈이 어느 정도 생기게 되었고 함께 일을 시작한 순간부터 지금까지 작업을 쳐온 나는 지금이 기회라고 생각하며 팀원에게 키보드와 마우스, 그리고 모니터를 바꾸러 가자고 꼬드겼다. 열심히 노력해서 결국.. 공감수 1 댓글수 0 2023. 6. 2.
오늘 한 일 기록 1일 차 2023-06-01 (목) 개요 평소에 어떤 일을 얼마나 많이 하는지 정확하게 기록하여 스케줄을 조정하기 위해 "Focus Plant"라는 집중 타이머 어플을 사용하여 블로그에 기록하기로 함. 기록 내용 - 자고 일어난 시간, 어떤 일을 얼마나 많이 했는지, 얼마나 놀았는지에 대한 기록을 꾸준히 할 계획. - 어떤 일을 할 때에는 항상 어플을 사용하는 습관을 들이도록 노력하자 수면 기록 수면 시간 : 03시 00분 (정확하게 기억 안 남...) 기상 시간 : 11시 00분 (정확하지 않음) Focus Plant 스크린 샷 느낀 점 개발을 할 때 생각보다 시간이 빨리 간다. 아침에 늦잠을 자니 하루가 너무 짧아진다. 내일부터 수면 시간을 줄이고 일찍 일어나서 생활을 해보자. Focus Plant라는 어플을 사용하니 집중력이 높아진다.. 공감수 0 댓글수 0 2023. 6. 2.
[프리미어 프로] 제작 시간을 확 줄여주는 너무 좋은 단축키 개요 영상을 편집하는 일은 시간이 정말 많이 들어갑니다. 이번에 영상을 만들어 올리며 크게 와닿았는데요... 그래서 작업시간을 줄이려면 어떻게 해야 하나 고민을 하던 차에 굉장한 유튜브를 발견하게 되었고 작업시간을 줄일 수 있는 팁을 블로그에 정리했습니다. 아래는 그 블로그입니다! 틀린 부분이 있을 수 있으니 제대로 동작하지 않는다면 댓글을 달아주세요. 환경 사용 버전: 프리미어 프로 2023 사용 컴퓨터 스펙: 13세대 i7 cpu, 4070ti gpu, ram 32gb 팁 방향키 아래: 현재 보고 있는 영상 클립의 마지막 혹은 다음 영상 클립의 첫 부분 방향키 위: 현재 보고 있는 영상 클립의 첫 번째 부분 혹은 이전 영상의 끝부분 shift + 마우스 드래그: 플레이 헤드 클립의 끝부분에 달라붙음 .. 공감수 0 댓글수 0 2023. 3. 3.
[유니티] Admob 전면 광고가 다른 Canvas보다 아래에 그려질 때 해결법 문제 유니티로 게임 개발을 하다 보면 admob 전면 광고가 내가 만든 다른 Ui보다 아래에 그려지는 경우가 있다. 이런식으로 내가 만든 ui가 광고를 덮어버릴 수 있다. 이런 경우에는 정상적으로 동작하지 못하기 때문에 조치를 취해줘야한다. 해결법 Admob을 사용한다면 Package를 받았을 것이다. 위 이미지와 같은 경로로 들어가 보면 전면 광고 더미, 보상형 광고 더미, 배너 광고 더미 등 다양한 더미들이 있는 폴더들이 있다. 이 안에는 각각 광고들의 프리팹들이 있는데 그 프리팹들의 우선 순위를 세팅해주면된다. 나의 경우에는 우선 순위만 수정해주면 되기 때문에 Sort Order만 수정해줬다. 다른 경우에는 각자 상황에 맞게 수정해서 사용하면 될거다. 생각 이렇게 되면 자기 마음대로 광고를 숨기거나.. 공감수 0 댓글수 0 2023. 1. 31.
우리의 사명은 Under Bed Studio! 글을 쓰는 매번 오랜만에 글을 쓰는 거 같다. 지난번에 웅진씽크빅 게임 개발 챌린지를 끝내고 약 한 달간 굉장히 많은 일이 있었다. 천천히 한번 살펴보자 1 / 9 해운대 사무실 입주 원래 나는 디자이너 팀원과 함께 부산시 대연동에 살고 있었다. 함께 숙식하며 개발을 한지 어언 6개월.. 결국 터질게 터졌다. 바로 좁아터진 집이다. 180cm가 넘는 남정네 두명에서 고작 7평 남짓하고 방 하나 거실하나짜리 집에서 생활과 일을 함께 하는 것은 쉽지 않다. 내가 침대만 보고 눈이 뒤집혀서 계약을 했던것이 문제였고... 결국 불편함을 못 참고 다른 집을 구하기로 했다. 거의 일주일간 집만 서칭했으며 지게골, 주례 해운대, 광안 부산 시내의 안 본 곳은 거의 없을 정도로 여기저기 돌아다녔고 결국 해운대에 굉장히.. 공감수 0 댓글수 2 2023. 1. 19.
[웅진씽크빅 게임 개발 챌린지 후기] 우수상 조오치이 한동안 블로그에 관심을 안 갖다가 다시 쓰게 되었다. 너무 오랜만에 쓰는 글이라 반말 컨셉인지 까먹고 존댓말로 쓰다가 다시 다 지우고 쓰고 있다... ㅋㅋ 이 글을 작성하는 시간 기준 이틀 전인 12월 10일에 웅진 씽크빅 게임 개발 챌린지 결승전을 했다. 결과는 제목에 써있듯 우수상이다 ㅎㅎ 이번 챌린지를 진행하며 느낀 점과 발전한 점, 그리고 아쉬운 점 등 그냥 내 생각을 주구장창 쓸 거다. 오늘은 글만 두서없이 갈길 거라 재미없을 듯! ㅋㅋ 참가 이유 결승전 발표 때는 거창하게 이런저런 이유를 대었지만 결국에 가장 중요한 이유는 돈이다. 나는 창업에 관심이 있고 웹, 앱을 조금씩 건드려 보았지만 답은 게임이라는 결론을 내었고 게임 개발을 위해 이런 저런 준비를 하는 중 유튜버 조코딩님이 작년 우승팀.. 공감수 2 댓글수 0 2022. 12. 12.
개발일지 #39 마음에 드는 소리가 없으면 녹음하자! 헛소리 오늘 자정에 웅진씽크빅에서 진행하는 개발일지 이벤트가 종료된다. 다른 개발을 할 때든 공부를 할 때든 블로그 포스팅을 오래 해본 적이 없는데 너무 좋은 경험이었다. 이번 이벤트가 다른 분들의 일지를 구경하면서 의욕도 불태우고 블로그도 열심히 쓰는 원동력이 되어줬었는데 이벤트가 종료되면서 혹시나 나태해지지 않을까 조금 겁이 난다. 이벤트가 끝나더라도 개발일지를 서로 공유하며 서로 열심히 개발 해나가 챌린지가 끝나고 다들 만나 뵙고 싶다. 이제 마감기한까지 37일 남았는데 진짜 얼마 안 남았으니 다 같이 힘내고 화이팅하자!!! 개발일지 #39 오디오 타일 맵 꾸미기 저번에 tile map에 대해서 이야기했다. 대충 꾸며 봤다. 저번에 포스팅한 체력바도 적용이 된 모습을 볼 수 있다. 맥북 오디오 녹음.. 공감수 2 댓글수 2 2022. 10. 14.
개발일지 #38 또 타일맵을 엎었다... 헛소리 최근 기온이 많이 낮아졌다. 오늘은 별로 안 춥길래 아침에 일찍 일어나 운동을 해서 그런가 했더니 그냥 기온이 올라간 거였다. 따뜻하고 날 좋으니 놀고 싶은데 이제 한 달 하고 일주일 남았다... 달려야지.. 개발일지 #38 new tile map 지난 포스트에서 우리가 맵을 어떻게 구현할 것인지에 대해서 말한 적이 있다. 이런 느낌이었는데 타일의 모양이 정사각형이 아니다 보니 구현하기가 애매한 부분이 생기더라. 그래서 저 타일들을 정사각형으로 썰어서 쓰려 했는데 디자이너가 무슨 문제가 있어 새로 만드는 게 나을 거라고 했다. 나는 개발자니 군말말고 그렇게 하자고 했고 그렇게 완성된 타일들을 소개하겠다. 바닥 타일 바닥 타일이다. 색깔 놀이를 조금 해줬는데 내가 생각에 어울릴까 했는데 생각보다 어.. 공감수 0 댓글수 0 2022. 10. 13.
개발일지 #37 배경 오브젝트가 추가되었습니다~! 개발일지 #37 배경 오브젝트 추가 게임에는 적용하지 않았지만 디자인은 완성된 오브젝트들이 있는데 오늘은 거기에 대해서 써보려고 한다. 지게차 우주선에 지게차가 왠말이냐 할 수 있지만 우리 게임의 배경이 되는 우주선인 매쓰 크래프트호의 크기는 굉장히 크기 때문에 꼭 필요한 장비이다. 컨테이너 박스 WTB가 적혀있는 컨테이너 박스이다. 매쓰 크래프트는 탐사선이다. 새로운 행성의 탐사에는 많은 물건이 필요한데 그 물건들이 들어가 있는 컨테이너 박스이다. WTB는 Woongin Think Big의 약자이다. 쓰고 보니 잘 어울려서 넣기로 했다. 책상 기획상 연구실과 같은 구역을 가는 상황이 있다. 그 곳에 배치할 책상이다. 스테이지를 만들 때 여기 저기 활용이 가능할 것이라고 생각한다. 상자 어떤 물건이 들어.. 공감수 0 댓글수 0 2022. 10. 12.
개발일지 #36 문제만 풀면 풀피라고? 개발일지 #36 메디컬 머신 구현 학습을 게임에 자연스럽게 녹이기 위한 장치 중 하나인 메디컬 머신을 소개하겠다. 이전에 보여준 푸드 머신과 비슷하지만 다른 느낌이다. 먼저 푸드머신부터 보도록 하자. 푸드 머신 푸드 머신은 공복을 해소하기 위한 음식 아이템이 나온다. 이 아이템을 얻기 위해서는 문제를 풀어야 하고 문제를 풀고 아이템을 받는 것에 한계는 없다. 배가 고플 때마다 문제를 풀어 음식을 먹을 수 있는 것이다. 메디컬 머신 메디컬 머신도 푸드 머신과 같이 문제를 풀면 작동한다. 하지만 이 오브젝트는 활성화 된 후 곧바로 사용하지 않아도 괜찮다. 가까이 접근하면 화면이 켜진다. 문제를 푸는 부분은 푸드머신과 똑같다. ui만 조금 다르고 반 이상 맞추면 활성화된다. 그리고 활성화된 머신에 들어가면 H.. 공감수 0 댓글수 0 2022. 10. 11.
개발일지 #35 환기구, 스파크 팍팍 개발일지 #35 환기구와 스파크 구현 환기구 배경 오브젝트 중 움직이는 오브젝트가 있으면 좋겠다는 생각에 환기구 오브젝트를 추가했다. 환기구는 디자이너가 스파인으로 잘 구현해줘서 그냥 넣기만 했다. 스파크 스파크는 랜덤 한 타이밍에 팡팡 터져주면 좋겠다고 생각했다. 한번 터지고 텀을 주는 주기를 랜덤 하게 주도록 했다. 랜덤 하게 주어지는 텀을 인스펙터 화면에서 바로바로 조정 가능하도록 만들었다. 아래는 코드다. 간단하게 구현했다. 마무으리 오늘 아침에 일어나니 날씨가 확 추워졌더라. 저번부터 감기 조심하자고 했는데 지금은 진짜다. 너무 춥다.. ㅠㅠ 이렇게 추운 데도 열심히 일하는 직장인 화이팅, 학생도 화이팅, 나(백수)도 화이팅! 공감수 0 댓글수 0 2022. 10. 7.
개발일지 #34 맵 대략적인 느낌보기 개발일지 #34 앞서 만들 오브젝트를 붙여 느낌을 보자 이전에 말한 맵 타일들을 붙여 느낌을 한번 보았다. 게임에 구현된 부분이 아니고 느낌을 보기 위해서 이미지만 붙여놓았다. 디자이너가 한 명이고 혼자 모든 것을 디자인하다 보니 오브젝트들이 서로 이질감 없이 조화를 잘 이루는 것 같아 보기 좋다. 마무으리 디자이너 친구가 어제 예비군을 다녀왔다. 사격실력이 애매하다... 나는 11월에 예비군인데 그 때 진짜 사격이 뭔지 보여줘야겠다. 공감수 0 댓글수 0 2022. 10. 6.
개발일지 #33 맵을... 다시 만들어보자2 개발일지 #33 타일 맵 오브젝트를 조금 더 추가해보자 저번 포스팅 때 웅진 씽크빅 게임 개발 챌린지의 수포자 길라잡이 팀의 조언을 들었다. 타일 맵 디자인에서는 가로 세로의 비율이 1대 1인 게 좋다는 말이었다. 그 부분에 대해서 인지를 하고 팀원과 이야기를 해서 기존의 디자인을 쪼개어 1대 1 비율로 만들 수 있을 것이라고 이야기가 되었고 디자인을 계속 진행하기로 했다. 그렇게 나온 디자인이다. 그리고 타일이 아닌 라이트를 적용하여 느낌을 살릴 맵을 꾸밀 오브젝트도 추가해줬다. 저 오브젝트들은 라이트가 추가되고 애니메이션도 들어갈 예정이다. 공감수 0 댓글수 0 2022. 10. 4.
개발일지 #32 맵을... 다시 만들어보자 개발일지 #32 타일 맵을 사용하기 위한 준비 기존의 테스트를 할 때마다 나온 맵은 초기 컨셉에 맞춰 만든 맵이다. 한 맵을 통으로 디자인했기 때문에 재사용도 불가능할뿐더러 디자이너에게 너무 많은 짐을 지어준 느낌이 있다. 그래서 찾아보니 unity에는 tile map이라는 시스템이 있고 사용법을 보니 엄청 간단하고 쉽게 맵을 제작할 수 있고 또한 타일들을 재활용 가능하더라 ㅎㅎ 그래서 이 부분을 활용해보려고 한다. 디자이너가 먼저 기본적인 tile들을 모두 그려주면 그 이후 tile map을 사용하는 법을 제대로 공부하여 적용하려고 한다. 먼저 일반적인 바닥이다. 컨셉이 우주선이다 보니 우주선의 바닥은 어떤 느낌이 좋을까 고민을 많이 했다고 한다. 그리고 배수로 뚜껑 같은 느낌의 바닥이다. 아래 이미지.. 공감수 1 댓글수 0 2022. 10. 4.
개발일지 #31 멈춰! 개발일지 #31 게임 속 시간 멈추기, 간단한 Ui 디자인 이번에는 게임 속 시간을 멈추기 위해서 어떻게 했는지에 대해 간단하게 이야기해보려고 한다. 바뀐 Ui 디자인 그전에 간단하게 바뀐 Ui를 보자. 사실 바뀌진 않았고 디자이너가 디자인한 Ui만 올리는 거다 ㅎㅎ 이렇게 밋밋했던 체력, 공복, 총알 바가 이렇게 느낌있게 바뀔 예정이다. 디자인은 나왔는데 학교 다니랴 다른 개발하랴 놀랴, 바빠서 아직 적용하지는 못했다. 그리고 아이템을 사용하는 부분이 기존에 그냥 하얀 네모였는데 이런 느낌으로 바뀌었다. 이 부분은 in game에서도 적용된 상태다. 시간아 멈춰라. 일시 정지를 누르면 이런 Ui가 튀어나오게 할 것이다. 이 때는 공복 수치도 감소하면 안 되고 적들도 움직이면 안 된다. 적들이 스폰되어서.. 공감수 1 댓글수 0 2022. 10. 2.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.