본문 바로가기

전체 글104

[Unity] Line Renderer 스프라이트 타일식 배치하기 + a 이걸 뭐라고 제목을 쓰지 일단 쓰긴 썼는데 ... 서론 요약 : 보통 라인 렌더러에 소스가 되는 마테리얼을 넣으면 라인 길이가 길어졌을 때 그 마테리얼이 뭐든간에, 마테리얼을 쫘악 늘려서 렌더링하잖아요 그래서 프로퍼티에 텍스쳐 모드가 있길래 옳다구나 하고 Tile로 바꿔도 .. 뭐야? 안되잖아요 그런 당신을 위한 해결법! 레테 개발에서 쓴 방법입니다. 이것저것 얘기합니다. 레테를 해보신 분들은 아시겠지만 (이참에 함 해주세요)(틈새 전단지 돌림) 인게임에서 레테가 큐브들을 연결할 때, 즉 플레이어가 큐브를 드래그 할 때마다 쇠사슬이 나타납니다. 이게 바로 라인 렌더러를 쓴 것인데요! 이건 사실 스프라이트로 되어있는 사슬 한 조각의 이미지를 여러번 나타나게 조절한 것입니다. 이걸 했던 방법.... 의 정리.. 2021. 8. 26.
[번역 / UIUX] CEDEC + KYUSHU 2017 페르소나5의 UI 제작과정 소개 기사 풀네임: 『페르소나 5』의 너무 멋진 UI의 제작과정을 소개! 아틀라스의 위기로부터 태어나, 마침내 특징이 된 UI가 완성되기까지 【CEDEC＋KYUSHU 2017】 『ペルソナ5』のカッコよすぎるUIの制作工程を紹介！ アトラスの危機から生まれ、やがて特徴 “CEDEC＋KYUSHU 2017”で行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ～ペルソナ5のUI事例～”のリポートをお届け。 www.famitsu.com 가끔 생각나면 다시 읽어보는 자료인데 텍스트만 번역해봅니다. 이미지는 조금만 가져왔어요. 워터마크 있으니 아시겠지만 전부 패미통 사진입니다. 가져오지 않은 부분 에 있는 이미지는 [이미지] 뭐 요런 식으로 써둘 테니까 (ㅋㅋ) 원문과 함께 봐주세요! 다음에 13기병방위권 글도 번역해봐야지.. 2021. 8. 22.
[UIUX / Unity] 시험 대체 과제 - 레이아웃 그룹, 토글 그룹 분류 UIUX 목적 과제 (시험 대체 과제) 주제 주어진 리소스로 주어진 이미지의 UI 작성하기 (버튼, 토글 등 최소한의 작동이 있어야 함) 제작 Unity 2020년 12월 버튼, 레이아웃그룹, 토글 그룹 등이 포함된 시험 대체 과제 프로젝트 리소스랑 완성 시의 이미지는 교수님이 다 주신거고 ... 완성 이미지를 보고 UI를 흉내내는거였어요. 스크립트 없이 UI만 (플밍수업이 아니었음) 캔버스 구성은 대강 이런 식 빈 오브젝트로 상단 하단 왼쪽 오른쪽.. 이런 식으로 나눈 뒤에 해당 공간에 들어가는 오브젝트들을 넣는 느낌으로 왼쪽의 무기 스테이터스, 오른쪽의 무기 정보 리스트가 레이아웃 그룹 무기 정보 리스트는 토글 그룹으로 돼있고 하나 선택하면 외부 광선 이미지 효과로 표시 2021. 8. 21.
[UIUX] 로드오브다이스 불편했던 점 위주로 UIUX 정리 분류 UIUX 목적 개인 과제 주제 UIUX가 마음에 안 들었던 게임 이유가 되는 부분 위주로 UI 정리하기 (PPT 6페이지 이내로) 소재 로드 오브 다이스 제작 파워포인트 2020년 3월 말 이 과제의 대칭이 되는 과제 [UIUX] 메기도72 마음에 들었던 점 위주로 UIUX 정리 분류 UIUX 목적 개인 과제 주제 UIUX가 마음에 들었던 게임 마음에 들었던 요소 위주로 UI 정리하기 (PPT 6페이지 이내로) 소재 메기도72 (メギド72) 제작 파워포인트 2020년 3월 말 'PPT 6페이지 이내로' drybone-developer.tistory.com 이번에도 PPT 6페이지라는 분량이 고된 과제였다... 로오다는 대충 후려갈겨 만든 겜도 아닌데 개선을 해도? 그냥.. 그런것같고.. 그게 아쉽기.. 2021. 8. 21.
[UIUX / PPT] 페르소나 시리즈 UI 메이킹 분류 PPT 목적 개인 과제 주제 파워포인트로 PPT 만들기 소재 페르소나 시리즈 UI메이킹 (2017년 CEDEC 패미통 보도자료) 제작 파워포인트 2018년 12월 UIUX 카테고리에 이걸 넣어둬도 되나... 이 보도자료는 볼 때도 인상깊게 봤고 지금도 간간이 읽어보는데 (비슷하게 지금도 가끔 읽어보는거: 길티기어 렌더링 관련 자료) 이때부터 약간 UIUX에 관심이 급증한것같아 (그리고 꾸준히 쌓아옴) 실제로 P3P를 해봤는데 .. P1~P2는 해 본 적 없어서 비교하긴 힘들지만 인터페이스 마음에 들었고 P5 인터페이스가 진짜 좋았다고 생각하고 ... 게임 컨셉이랑 특성도 잘 살린것같음 이 기사 번역본 벌써 있을것같긴 한데 걍 다시 해봤음 [번역 / UIUX] CEDEC + KYUSHU 2017 페르.. 2021. 8. 20.
[UIUX / 기획] 메기도72 강화창 UI 기획서 분류 UIUX / 기획 목적 개인 과제 주제 게임 UI 한 부분 뽑아서 기획서 작성 소재 메기도72 (メギド72) 제작 파워포인트, 워드프로세서 2020년 4월~5월 이미지는 메기도72 공식홈페이지 디자이너 기사에서 가져온것 교수님이 기획 하시는 분이어서 그런가 기획에 대해서 많이 배웠던 기억이 나네요 UIUX도 꼼꼼히 가르쳐주셨음 특히 유니티에서의 UIUX 팁을 많이 배운듯... 여기에서 이어지는 과제이긴 합니다. [UIUX] 메기도72 UI 스크린샷 모음 분류 UIUX 목적 개인 과제 주제 하나의 게임 내 UI 요소 캡쳐 (상세할수록 좋음) 소재 메기도72 (メギド72) 제작 파워포인트 2020년 4월 프로젝트라고 하긴 좀 어려울지 모르겠지만 이걸 기반으로 마 drybone-developer.tist.. 2021. 8. 19.
[인포그래픽] 내 스팀 라이브러리 분석 분류 인포그래픽 목적 개인 과제 주제 자유주제 분석 소재 스팀 라이브러리 분석 (본인 계정) 제작 포토샵 사용 서체 - 옴니고딕 아이콘 - 프리아이콘 2020년 10월 교수님이 (디자이너아닌 후레자식인) 나 같은 사람도 잘 지도해주셔서 어떻게 잘 끝낸 과제 스팀 라이브러리 분석이라 스팀 창 테두리에 내가 쓰고있는 아이콘을 그대로 가져왔다 인포그래픽의 아이콘은 프리 사이트에 올라와있는걸 가공해서 썼고 (라이선스 확인결과 된다기에) 자료는 스팀 계산기에서 내 계정 쳐서 나온것과 라이브러리 그룹화로 확인 가능한 수치 사용. 스팀 계산기! 나의 계정 가치를 위해 플레이 시간 등을 알려줍니다. Steam Calculator This page will calculate the approximate value of .. 2021. 8. 18.
[UIUX] 메기도72 마음에 들었던 점 위주로 UIUX 정리 분류 UIUX 목적 개인 과제 주제 UIUX가 마음에 들었던 게임 마음에 들었던 요소 위주로 UI 정리하기 (PPT 6페이지 이내로) 소재 메기도72 (メギド72) 제작 파워포인트 2020년 3월 말 'PPT 6페이지 이내로'라는 조건이 가장 어려웠던 과제... 제목페이지까지 침범해버림 심지어 과제 업로드하는 곳에는 10MB 제한까지 있어서 이미지 자르느라 난리였어요 아래에는 (6페이지에 꽉꽉 담아 매우 난잡하며 말이 많이 생략된) 슬라이드와 추가 할 말이 있습니다. 전체 UI 스크린샷 찍어둔 건 여기 [UIUX] 메기도72 UI 스크린샷 모음 분류 UIUX 목적 개인 과제 하나의 게임 내 UI 요소 캡쳐해오기 (상세할수록 좋음) 메기도72 (メギド72) 파워포인트 2020년 4월 프로젝트라고 하긴 좀 .. 2021. 8. 17.
[UIUX] 메기도72 UI 스크린샷 모음 분류 UIUX 목적 개인 과제 주제 하나의 게임 내 UI 요소 캡쳐 (상세할수록 좋음) 소재 메기도72 (メギド72) 제작 파워포인트 2020년 4월 프로젝트라고 하긴 좀 어려울지 모르겠지만 이걸 기반으로 아래의 과제들을 했습니다 마음에 들었던 요소 위주로 UI 설명 및 정리한 과제 [UIUX] 메기도72 UIUX - 마음에 들었던 점 위주 정리 분류 UIUX 목적 개인 과제 UIUX가 마음에 들었던 게임 마음에 들었던 요소 위주로 UI 정리하기 (PPT 6페이지 이내로) 메기도72 (メギド72) 파워포인트 2020년 3월 말 'PPT 6페이지 이내로'라는 조건이 가장 drybone-developer.tistory.com 기획서 쓴 과제 [UIUX / 기획] 메기도72 강화창 UI 기획서 분류 UIUX .. 2021. 8. 16.
[CSS] 티스토리 링크 미리보기 이미지 색깔 수정 얼마전 글에서도 보셨겠고 지금도 보고계시겠지만 블로그 배경을 까맣게 바꿨습니다. 글씨체도 제 마음대로 슉슉 바꿨고요. 열심히 하얀색의 잔재를 청산하던 중, 스킨 CSS에서 도저히 찾을 수 없는 색이 있었으니... 이거였어요 ㅋㅋㅋㅋㅋㅋㅋㅋ 링크 미리보기? 라고 해야하나. 링크 걸면 자동으로 나오는 표와 썸네일과 .. 여튼 그런 이미지입니다. 아니 서체야 그렇다치고 블로그 배경이 어두운 회색인데 이건 너무하지 않나 ... 싶을정도로 멀쩡하더라고요 차라리 이거 자체가 하얀색이었던거면 나을텐데 .. 그것도 아니고 그냥 투명색이었음 지금까진 스킨 배경색이 흰색이라 하얗게 보였던거야 하... 그래서 이걸 바꿀 수 있는 방법을 찾아냈어요 ....... 알못에겐 힘겨웠다. 아래 글에선 우선 이 이미지를 어두운 회색,.. 2021. 8. 16.
[CSS] 티스토리 블로그, 사이트에서 웹 폰트 깨질 때 - transform.skew() 주워오고난 뒤 더 배운 지식 바로 전에 사이트에 웹폰트를 적용해서 서체를 전부 바꾸는 방법을 포스팅했었는데 여기서 글씨가 깨지는 분들을 위한 해결책입니다. [CSS] 티스토리 블로그 폰트 변경하기, 사이트에 웹 폰트 적용 사실 이런 글은 이미 천지빼까리지만 써보기로 했습니다 블로그 새단장 했어요 보이시나요? 헤헷코슥~ 근데 진짜 CSS 알못이라 잡히는대로 대충대충해가지고 디자인이 예쁘지 않긴 하네요 앞으 drybone-developer.tistory.com 벌써 이 이미지에 나온 미리보기 제목 + 내용만 봐도 .... 글씨가 얼마나 잔혹하게 깨지는지 보이시죠 웹폰트는 15pt 이하의 크기가 되면 깨진대요. (눈물줄줄) 해결책 1. 15pt 이상의 크기로 키워준다! 2. 글씨를 아주 살짝 기울인다 이 글에.. 2021. 8. 14.
[CSS] 티스토리 블로그 폰트 변경하기, 사이트에 웹 폰트 적용 사실 이런 글은 이미 천지빼까리지만 써보기로 했습니다 블로그 새단장 했어요 보이시나요? 헤헷코슥~ 근데 진짜 CSS 알못이라 잡히는대로 대충대충해가지고 디자인이 예쁘지 않긴 하네요 앞으로도 천천히 고쳐야지 근데 웹디하는 사람들은 매일 이걸 하는건가? 대단해 블로그 디자인 (주로 색상 위주로) 변경하면서 보시면 아시겠지만 폰트도 아시겠지만 바꿨어요 PC에선 나눔스퀘어 위주로 나오고 모바일에선 에스코어드림 위주로 나옵니다. 이렇게! 웹사이트의 폰트를 전부 동시에 바꾸는 법! 저는 이런 수정을 할 수 있는 사이트가 티스토리밖에 없어요. 그래서 티스토리 위주로 설명하지만, 다른 사이트도 비슷한 편이죠 (근데 다른 사이트를 직접 코드 짜서 만드실 분이면 이 정도 지식은 다 알고 계실듯) 1. 임베딩 가능한 웹 폰.. 2021. 8. 14.

티스토리툴바