유니티에서 9 slice sprites 사용하기9-slicing Sprites를 사용하여 한개의 이미지 텍스쳐를 다양한 사이즈의 재사용 가능한 이미지로 설정하는것이 가능하다. sprite 이미지를 리사이징할때 텍스쳐를 왜곡하지않아 특히 2D 환경에서 벽, 바닥의 패턴 텍스쳐 및 UI를 생성할때 사용할수있다. 아래 유니티 웹문서에서 자세한 활용법과 옵션을 확인할수있다.https://docs.unity3d.com/Manual/9SliceSprites.html위 이미지는 9 slice sprites에 의해 정의된 9개의 영역이다. 이미지의 scale를 변화시킬때A,C,G,I의 네 영역은 사이즈의 변화가없다.B,H영역은 좌우로 늘어나거나 타일링된다.D,F영역은 상하로 늘어나거나 타일링된다.E영역은 좌우상하로 늘..
유니티에서 3인칭 캐릭터 플레이어 테스트해보기(unity 2017버전)해당 어셋은 유니티에서 기본으로 제공하는 캐릭터 프리팹으로 사용자 키 입력에 의해 캐릭터가 씬에서 어떻게 동작하는지 확인해볼수있다. 1)상단의 assets메뉴에서 import package의 characters를 선택한다. 2)만약 유니티 2018버전 이상을 사용한다면 위 메뉴가 존재하지않는데 이 경우 어셋 스토어에서 standard assets를 검색하여 다운로드 및 임포트한다. 3)모두 체크하고 패키지를 import한다. 4)project 패널에 어셋이 추가된것을 확인할수있다. 5)어셋중 ThirdPersonController 프리팹을 씬에 추가한다. 6)해당 프리팹은 3인칭 캐릭터의 단순한 움직임(movement)을 구현하기위한 ..
유니티에서 카메라의 환경맵(sky box 큐브맵) 설정하기(2018버전)1)배경으로 사용할 텍스쳐를 임포트한다.2)임포트한 텍스쳐의 타입을 cubemap으로 변경한다.3)하단에 apply를 클릭해서 적용한다.4)해당 텍스쳐는 환경맵으로 사용가능한 cubemap타입으로 프리뷰에서 확인할수있다.5)새로운 재질(material)을 생성하고 재질의 shader를 skybox의 cubemap으로 변경한다.6)재질의 속성에서 맵으로 사용할 텍스쳐를 선택한다.7)씬에서 환경맵을 사용할 카메라를 선택한다.8)clear flags에서 skybox를 선택한다.9)카메라에 skybox 컴포넌트를 추가한다.10)custom skybox에서 이전에 생성한 재질을 선택한다.11)해당 카메라의 게임뷰에서 큐브맵핑된 텍스쳐를 확인할..
미세먼지 및 대기오염 정보를 제공하는 웹사이트1)http://www.airkorea.or.kr한국환경공단(에어코리아)의 웹사이트로 실시간 대기 정보를 확인할수있으며 대기 정보와 해당 데이터를 제공한 측정소의 위치까지 확인할수있다.2)https://earth.nullschool.net3D 지구 모델 위에 기류의 흐름, 대기 오염 상태를 오버레이한 비쥬얼로 구현하여 전세계의 대기오염 상태를 직관적으로 예상할수있다. 미세먼지 농도(PM1, PM2.5, PM10)뿐만아니라 기류, 해류, 일산화탄소, 이산화탄소의 밀집도 및 기타 기상지표들도 확인할수있다.3)http://aqicn.org/특정 국가의 도시 및 행정구역의 대기오염 정보를 확인할수있는 웹사이트이다. 미세먼지 농도(PM2.5, PM10)를 포함하여 O3..
movavi converter에서 동영상을 gif로 컨버팅하기movavi converter는 몇가지 유용한 동영상 편집툴을 제공하며 다양한 포맷으로 컨버팅을 지원한다.1)movavi converter를 실행한후에 좌측 상단의 add media에서 편집할 동영상을 불러오기한다. gif로 컨버팅하기 이전에 동영상의 재생시간을 줄이고(trim) 필요한 영역만 리사이징하기위해(crop) edit를 클릭한다.2)상단의 trim메뉴를 선택하고 동영상 하단의 조절자로 커팅할 위치를 설정한후에 우측의 cut를 클릭하면 동영상을 커팅한다.3)우측의 delete fragment를 클릭하면 파란색 영역만 남기고 회색영역을 제거한다. 커팅한 위치를 기준으로 조절자를 이동시켜서 어느 영역을 제거할지 설정할수있다.4)편집을 완료..
구글 블로그에서 드롭다운 메뉴를 구현하고 디자인 변경하기이전 포스트에서 html/javascript가젯을 추가하여 기본 메뉴를 구현하였다. https://learnandcreate.tistory.com/105?category=855877 해당 포스트는 여기에 추가로 마우스 롤오버시 메뉴가 펼쳐지는 드롭다운을 구현하고 디자인을 변경하는 방법이다. 1)좌측의 테마 항목을 선택하고 맞춤설정을 클릭한다.2)테마 디자이너에서 고급의 css 추가를 클릭하면 css를 추가할수있는 코드 입력란을 확인할수있다. 3)여기에 아래 첨부한 샘플 코드를 복사하여 붙여넣기한다. 이 코드는 메뉴에 드롭다운을 추가하고 메뉴의 레이아웃 및 디자인을 변경한다. #test_html { text-align: left; display: in..
구글 블로그(blogger)에서 html를 이용하여 메뉴 구현하기아래는 html/javascript 가젯을 활용하여 간단한 메뉴를 구현하는 과정이다.1)레이아웃 항목에서 html/javascript 가젯을 추가한다. 2)html/javascript 구성에서 내용란에 아래의 샘플 코드를 작성하고 저장한다. 3)위에서 작성한 코드는 html을 이용하여 심플한 상단 메뉴를 작성하는 코드로 예제로 자주사용된다.빨간색 영역에서 id를 test_html로 정의한다.초록색 영역에서 클릭하면 해당 주소로 링크되는 메뉴를 정의한다(home, menu0, menu3)파란색 영역에서 각각 서브 메뉴가 3개인 메뉴 menu1, menu2를 정의한다.4)위에서 저장한 가젯을 원하는 위치에 배치한다(클릭,드래그) 아래 예에서는 ..
구글 블로그에서 상단 메뉴만들기(페이지 가젯)1)좌측에서 레이아웃 항목을 선택하고 페이지 가젯을 추가한다.2)추가한 가젯 수정에서 표시할 페이지를 확인한다. 예에서 제목을 'home' 이라고 작성한 페이지는 가젯을 추가하면 기본적으로 구성하는 최소1개의 페이지이다. 3)위 이미지에서 현재 체크 해제하여 목록에서 제외한 'page_added' 페이지는 블로그 좌측의 페이지 항목에서 사용자가 이전에 작성한 페이지이다. 4)외부 링크추가를 클릭한다. 5)페이지 제목을 작성하고 링크할 웹주소를 입력하고 저장한다. 블로그에서 외부링크로 추가한 페이지를 클릭하면 해당 url로 이동한다.6)목록 순서에서 블로그에 표시할 페이지들을 확인할수있다(클릭,드래그해서 위치 변경) 현재 페이지 설정을 저장한다.7)배치 저장을 ..
EZGIF 웹사이트에서 gif 이미지 편집하기EZGIF 웹사이트에서 gif 이미지를 편집할수있는 상당히 유용한 툴을 제공한다. 웹사이트에 gif를 업로드하고 해당 도구들로 편집 및 수정하여 결과물을 저장할수있다. 제공하는 툴은 아래와 같다.crop - 프레임을 재설정하여 이미지 자르기resize - 이미지의 해상도 재설정하기rotate - 이미지 상하 좌우반전 또는 회전시키기optimize - 퀄리티 손실을 최소화하면서 압축하여 파일 크기 줄이기effect - 이미지의 색상, 밝기, 대조 보정 및 몇가지 필터제공speed - 애니메이션 재생 속도를 높이거나 낮추기overlay - gif 이미지 위에 레이어추가하여 합성하기(워터마크 삽입)기타(write, split, frames) https://ezgif..
구글 블로그 - 구글 블로그 테마 다운로드 및 변경하기1)구글에서 blogger template 키워드로 검색하면 블로거 테마 템플릿을 제공하는 수많은 웹사이트들을 확인할수있다. 2)웹사이트에서 원하는 블로거 테마를 선택하고 다운로드한다.3)테마 탬플릿은 .xml파일로 구성되어있다. 4)블로거 테마메뉴에서 우측 상단의 백업/복원을 클릭한다. 5)파일 선택에서 다운로드한 .xml파일을 선택한다.6)업로드를 클릭하면 해당 테마 탬플릿 파일을 업로드하고 내 블로그에 적용한다.
텍스트를 목소리로 변환시키기(text to speech)구글에서 text to speech 키워드로 검색하면 텍스트를 스피치(speech, voice)로 변환시켜주는 웹서비스들을 찾아볼수있습니다. 한글을 지원하는 사이트는 찾아보기어렵지만 공용어인 영어의 경우 변환한 결과가 아주 자연스럽습니다.사이트들은 변환 옵션에서 길이 제한없는 장문, 다양한 음색, 변환한 음원등을 다운로드를 지원하고있는데 대부분 프리미엄 회원에 가입해야 이용할수있습니다.아래 사이트는 텍스트를 스피치로 변환하고 음원을 무료로 다운로드할수있습니다. 현재 지원하는 언어는 영어와 영국식 영어를 포함하여 독일어, 프랑스어, 러시아어, 스페인어, 포르투갈어입니다. 결과물은 포스트 하단에 있습니다.http://www.fromtexttospeech..
MOVAVI에서 동영상에 타이틀 추가하기동영상 시작과 끝에 삽입하는 타이틀 또는 크레딧 등의 텍스트 오브젝트를 추가하는방법이다. MOVAVI에서는 기본적으로 몇가지 디자인의 프리셋을 제공하고있으며 이외에 더 많은 디자인을 사용하고싶다면 store에서 무료 또는 유료 구입가능하다.1)동영상에 타이틀을 추가하고싶다면 좌측의 타이틀메뉴를 클릭하고 원하는 타입을 하단의 타이틀 트랙으로 드래그, 드롭한다. 2)타이틀 트랙에 추가한 오브젝트를 수정하려면 오브젝트를 우클릭하고 edit를 선택한다(또는 오브젝트 더블클릭) 3)duration은 타이틀이 영상에 나타나고 사라지는데 걸리는 총 시간이다. 애니메이션 스피드는 타이틀이 나타나고 사라질때의 속도이다. 이밖에도 오브젝트의 색상 그리고 텍스트의 디자인을 변경할수있다..
