728x90 반응형 PROGRAMING📚229 [UNITY]시네머신(Cinemachine)사용해서 카메라가 캐릭터 따라 다니게 만들기 시네머신(Cinemachine)사용해서 카메라가 캐릭터 따라 다니게 만들기 패키지 설치하기 Window - Package Manager - Chinemachine 가상의 시네머신을 하나 만들어 주면 CM vcam 이라는 오브젝트가 하나 생성되고 CinemachineVirtualCamera 라는 컴포넌트가 있는 것을 확인 할 수 있다. 기존에 있던 Main Camera에는 CinemachineVirtualCamera와 같은 표시의 아이콘이 오른쪽에 붙어 있고 Main Camera 안에도 CinemachineBrain이라는 컴포넌트가 추가 된 것을 확인 할 수 있다. 기존의 카메라와 달라진 건 없지만 가상의 카메라가 생기고 나면 메인카메라의 설정은 움직일 수 없게 된다 만약 카메라의 구도를 바꾸고 싶을 경우.. 2023. 5. 31. [UNITY]캐릭터(Character) 이동(Move)과 회전(Rotation) 만들기 캐릭터(Character) 이동(Move) W,A,S,D를 사용해서 이동하는 캐릭터를 만들어 줄 것이다 일단 오브젝트를 하나 만들어서 Player라는 스크립트를 하나 생성해준다. 생성하고 열어보면 다음과 같이 Start()와 Update()가 존재하는데 사용하지 않으면 지워주는 것이 좋다 특히 Update()는 매프레임 마다 돌아가기 때문에 지워주는 것이 좋다 그리고 깔끔한 코드를 작성 해주기 위해서는 private나 public 등 접근 제한자를 항상 명시 해주는 것이 좋다 W,A,S,D를 입력 했음을 계속 확인 해주기 위해서 Update문이 필요하기 때문에 private 형식으로 하나 만들어 준다. private void Update() { //매 프레임 마다 계속 호출된다. } 이제 Update에서.. 2023. 5. 30. [HTML]파일 안 이미지 불러오기/ CSS 파일 적용하기 이미지 불러오기 프로젝트 폴더 안에 넣어주고 싶은 이미지를 포함 시켜준다. 그리고 HTML 파일안에서 원하는 위치에 이렇게 넣어주면 이미지가 들어가는 것을 확인 할 수 있다 만약에 이미지가 특정 폴더 안에 들어가 있으면 해당 폴더에 접근 할 수 있도록 코드를 수정해주면된다. CSS 파일 적용하기 간단한 style 같은경우 html에서 적용이 가능하지만 모양이나 디자인이 이쁘지 않다 다양한 스타일을 적용하고싶을 것이다. 그럴 때 코드를 깔끔하고 그리고 중복이 되지 않게 디자인 작업을 하기 위해서 CSS 를 사용한다 폴더안에 HMTL과 CSS파일이 생성 되어있으면 HTML과 CSS 파일을 연결해주어야지 CSS 가 적용이 된다. 다음 두개의 파일을 link 태그를 사용해서 HTML의 'head'에 CSS를 연.. 2023. 5. 26. [UNITY]포스트프로세싱(Post Processing)으로 시각적 효과 주기 포스트프로세싱(Post Processing)으로 시각적 효과 주기 시작하기 전에 프로젝트가 UPR가 설치되어 있는지 확인한다. 만약에 기존 버전이 URP 버전이 아니라면 업그레이드해야 한다. https://j2su0218.tistory.com/490 [유니티 Unity] 유니버설 렌더 파이프라인(URP) 프로젝트 변경하기 유니버설 렌더 파이프라인(URP) 프로젝트 변경하기 URP 패키지 다운 받기 기본적으로 맨처음에 프로젝트를 생성할 때 URP 모드로 만드는 방법도 있으나 기존의 프로젝트에서 URP로 변경하고 싶을 j2su0218.tistory.com 빈 게임오브젝트를 하나 만들어서 Volume 컴포넌트를 추가해 준다 그런 다음 비어있는 Profile안에 새로운 Volume Profile을 만들어 준다 .. 2023. 5. 25. 유니티(Unity3D) 작업 단축키 팁 TIP 유니티(Unity) 작업 단축키 팁TIP Scene에서 보고싶은 오브젝트를 찾아 이동하기, 가까이 보기 오브젝트가 많을 경우 해당 오브젝트를 가까이 보고 싶은 경우에 Shift + F 를 사용하면 그 오브젝트로 Scene화면이 이동한다. Scene화면에 보이는 대로 카메라를 이동시켜 Game씬에도 동일하게 보여주는 방법 MainCamera의 각도를 Scene안의 각도와 같게 만들어주는 단축키가 있다. 메인 카메라를 선택한 다음에 CTRL +SHIFT+F를 눌러주면 위와 같이 카메라의 위치를 Scene뷰에 보는 화면으로 자동으로 바꿔준다. 2023. 5. 24. [HTML]좌표값을 받아서 레이아웃 이동하기 : Postion/z-index postion Float 속성은 객체를 왼쪽, 오른쪽으로 정렬해서 레이아웃을 배치한다면 Postion은 객체의 위치 기준을 정해서 원하는 위치로 배치시키는데 사용된다. top, left, bottom, rigth라는 속성을 사용하였을때 객체의 위치를 변경 할 수 있는데 어느 위치에서 라는 기준이 이 명시 되어 있지 않기 때문에 position은 기준점을 정해주는 것이라고 생각하면된다. position의 대표 속성 : static, relative,absolute, fixed 가 있다. position : static; position : relative; position : absolute; position : fixed; position:static : 기본값이 기준이 된다.(기존과 동일한 기준) po.. 2023. 5. 23. [HTML]문단(br,p,pre) 태그 사용하기 br 태그 태그는 줄바꿈을 하는 태그이다. br의 뜻은 line break의 약자이고 닫아주는 태그가 없는 빈 태그이다. 흔히 우리가 쓰는 Enter와 같은 기능이라고 보면된다. 글을 작성하고 마지막에 태그를 넣어주면 Enter와 같이 줄이 바뀌는 것을 확인 할 수 있다. p 태그 단락을 나눌 때 사용한다. HTML에서는 Enter을 입력하더라도 줄바꿈이 되지 않기 때문에 태그 속성을 사용해서 줄의 단락을 나누어 주어야한다. pre 태그 작성한 그대로의 문자열을 나타내기 위해서는 태그를 사용해야한다. 2023. 5. 22. 깃허브(Github)에 티스토리 최근 글 목록 자동으로 업데이트 해주기 깃허브(Github)에 티스토리 최근 글 목록 자동으로 업데이트 해주기 깃허브 보다 티스토리에 글을 더 많이 올리고 업로드하는데 깃허브에 항상 올린 내용을 업데이트 해주기 힘들어서 여기저기 찾아보다가.. Node.js 으로 업데이트가 가능하다는 글을 보고 직접 적용 해보기로 했다 이 작업은 Node.js를 활용해서 티스토리에 글을 작성 하기 때문에 Node.js가 없을 경우 작업을 할 수가 없다. 일단 작업을 시작하기 위해서 Visual Studio Code를 다운 받아주는게 좋다. 아니면 터미널이 있는 어떤 소스코드 편집기가 있으면 될 거 같다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studi.. 2023. 5. 19. [WEB] Visual Code/ Brackets 설치/실시간 미리보기 활성화 하기 원하는 개발 환경을 찾아서 다운받아서 설치 해주면된다. 대부분 아마 Visual Code를 많이 사용하는것 같다. 중간에 코드를 계속 짜다 보니 뭔가 불편한 점이 많아서 결국에는 Brackets로 갈아 타게됬다. 또 모름.. 다른 언어들을 많이 사용하다 보닌까 Brackets보다 Visual Code를 사용하게 될 지도.. Brackets https://brackets.io/ A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amou.. 2023. 5. 19. C# 델리게이트가 생성되는 방식(Action,Func,Delegate,Lambda) Delegate 대리자는 메소드의 주소를 참조해 메소드를 대신 호출해주는 기법이라고 말할 수 있다. 이런 대리자를 선언해주기 위해서 대리자(델리게이트) 선언을 해주어야한다. 방법은 다음과 같고 매개 변수를 안에 넣어 줄 수 도 있다. 한정자 delegate 반환타입 대리자이름 ( 매개변수) public delegate void TestDelegates(); 그리고 델리게이트를 사용하기 위해서 필드를 하나 만들어 주어야한다. 필드는 대리자의 한정자(private) 이름(TestDelegates) 필드 이름(testDeleateFunction) 이런 식으로 대리자를 선언해준다. private TestDelegates testDeleateFunction; Delegate를 사용하는 방법으로 위에 필드 안에 출.. 2023. 5. 18. [HTML] <html>,<head>,<body> 태그 HTML은 하이퍼 텍스트 마크업 언어(HyperTextMarkup Language)라는 의미를 가지고 있다. HTMl 태그는 이러한 웹페이지를 구성 하기 위한 요소를 말한다. 사용하는 방법은 일반적으로 형식으로 작성되고 사용된다. 웹페이지(.html)를 만들려면 가장 기본적인 형식으로 다음과 같은 형식을 필수로 작성한다. 위에 코드역시 이 코드가 HTML 형식으로 작성 되어 있다는 것을 알려주는 거라고 생각하면된다 html형식 안에서 확인 할 수 있는 태그는 크게 ,,, 로 구성 되어있다. 태그의 종류 기본태그 'html', 'head', 'body' 태그 HTML은 마크업언어라서 자료의 구조를 쉽게 파악하기 위해서 태그를 사용해주는 것이 좋다. 'HTML' 태그 : 태그는 문서의 시작과 종료를 나타내는.. 2023. 5. 14. [유니티 Unity]다른 스크립트 함수,변수 가져오는 방법 다른 스크립트 함수,변수 가져오는 방법 1. 사용하길 원하는 함수와 변수 앞에 Static 을 사용하여 어디서든 접근이 가능하도록 만드는 방법 OthersScript.sc 와 SampleScript.sc를 만들어서 변수명 앞에 static을 붙여줘서 전역변수로 만들어 주면 SampleScript.sc안에서도 사용할 수 있게 된다. 2. Find(string findObject) 함수를 사용하여 해당하는 이름을 가진 오브젝트의 컴포넌트에 접근해서 불러오는 방법 OthersScript가 들어가있는 오브젝트의 이름을 찾아서 오브젝트안에 있는 스크립트 함수를 가져오는 방법이다. GameObject.Find("스크립트를 가지고 있는 오브젝트의 이름")GetComponent(); 이방법으로 찾는것도 가능하나 Fin.. 2023. 5. 11. [Programing]C# - 삼항 연산자(?, ??) 기본 처리 방법 C# - 삼항 연산자(?, ??) 기본 처리 방법 [?, 기본 처리 방법] object tmp = {조건} ? {참(true)일 경우 return값} : {거짓(false)일 경우 return값} ? 연산자, 처리 방법은 조건문이 참(true)인지 거짓(False)인지에 대해서 간단하게 처리 하는 방법으로 사용된다. [예시] string Fruit = "apple"; string Grup = Fruit == "apple" ? "FruitGrup" : "No Fruit"; ?연산자를 이용해서 Fruit가 "apple"일 경우 Grup 문자열 안에 "FruitGrup" 이라는 문자열이 들어가고 아닐 경우에는 Grup 문자열 안에 "No Fruit"라는 문자가 들어가게 된다. [??, 기본 처리 방법] obj.. 2023. 5. 9. [유니티Unity]모바일 앱 안에서 웹페이지 보여주는 방법(WebView) 모바일 앱 안에서 웹페이지 보여주는 방법 일단 공지사항을 만들기 위해서 유니티안에서 웹을 보여주는 웹뷰 패키지를 다운받아 준다. 구글에서 unity WebView를 검색하면 관련 패키지가 올라가있는 Github가 나온다 https://github.com/gree/unity-webview GitHub - gree/unity-webview Contribute to gree/unity-webview development by creating an account on GitHub. github.com 그리고 패키지를 다운받아서 프로젝트 안에 넣어 주어야한다. 패키지를 여는 방법은 2가지가 있다. 첫번째는sample/Assets/Sample.unity 안에 들어가서 샘플 씬을 여는 방법이 있다. 두번째는 dist.. 2023. 5. 2. [UNITY]Keystore(키스토어) 생성하기 Keystore(키스토어) 생성하기 유니티를 빌드 하기 위해서는 반드시 Keystore를 생성해주어야하는데 생성하는데 복잡하지 않아서 정리 해보려고 한다. File->Build Settings으로 들어가서 Build Settings 에서 Player Settings으로 들어가준다. Project Settings 에서 Player - Publishing Settings 에서 Keystore Manager를 눌러서 새로운 Key를 만들어 주면된다. 키스토어(Keystore)란 개발자 본인 증명을 위해서 사용되는 키를 모아둔 곳이다. 구글 스토어 업로드 시에 반드시 필요하기 때문에 생성한 키스토어는 잘 보관해두어야한다. 작성해야 하는 부분 Alias : 해당 Key의 별칭(이름) Password /Confir.. 2023. 5. 2. [유니티Unity] Localization 컴포넌트 접근해서 Table 변경하기 Localization 컴포넌트 접근해서 Table 변경하기 현지화 작업을 하다가 보면 하나의 오브젝트 안에서 다양한 동작을 하는 경우가 있다. 나같은 경우는 레벨 1일 경우에는 Text안에 "레벨1입니다." 2일 경우에는 "레벨 2입니다." 처럼 상황에 따라서 변경해주어야 하는 상황이라서 Localize String Event에서 String Reference를 변경 해주어야 했다. 일단은 String Table 안에서 상황에 맞는 string 을 영문 버전과 한글 버전에 맞춰서 입력 해주었다. 그리고 LocalizeStringEvnet 를 사용하기 위해서 네임스페이스 : using UnityEngine.Localization.Components 를 추가해준다. Localize String Evnet를.. 2023. 4. 28. [유니티Unity] 유니티에서 원하는 이미지 프린트 출력 하는 방법 유니티에서 원하는 이미지 프린트 출력 하는 방법 유니티를 이용해서 원하는 이미지를 출력 하는 방법을 작성 해보려고 한다. 유니티에서 프린트를 출력하기 위해서는 출력하고 싶은 이미지가 있는 파일 경로가 존재하는지 확인하고 윈도우의 그림판 기능을 이용해서 프린트를 하는 방식으로 출력한다. 그림판 이용해서 출력하기 using System.IO; using System.Diagnostics; public void PrintButtonOn() { string path = "C:\\Users\\USER\\AppData\\LocalLow\\PrintPictureImage.png"; FileInfo fileInfo = new FileInfo(path); //파일 경로 클래스 생성 UnityEngine.Debug.Log.. 2023. 3. 31. [WEB]리액트(React) 설치하고 세팅하기 리액트(React) 설치하고 세팅하기 일단 리액트를 설치 하기전에 아래 사이트에 들어가서 node.js 를 검색 하고 다운 받고 설치를 해준다. https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이미 설치 되어있으면 최신 버전으로 재설치하는 것을 추천 (에러갈 날 가능성이 높다고 한다) 그리고 소스 코드 편집기를 설치 해주기 위해서 Visual Studio Code 에디터를 다운 받아준다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined .. 2023. 3. 30. [WEB]Web-app(application)이란 Web-app(application)이란 일반적으로 웹서비스는 기본적으로 2대 이상의 컴퓨터가 인터넷으로 연결되어야 가능한 서비스이다. 일반적인 소프트웨어를 우리는 애플리케이션이라고 부르는데 애플리케이션(application)을 이용하기 위해서는 사용자가 작업에 필요한 소프트웨어를 설치(다운로드)해서 원하는 작업을 해야한다. 하지만 웹앱(Web-app)의 경우에는 사용자가 작업을 하는데 필요했던 소프트웨어 설치 기능(다운로드)을 웹이 대신 해주는 것이다. 대표적인 WebApp으로는 네이버, 페이스북(SNS), 쿠팡 처럼 웹브라우저를 통해서 서비스를 제공하는 형태를 말한다. Web-app 의 장점 1. 앱처럼 만들어져 있기 때문에 모바일 앱으로 발행이 쉽다 2. 앱의 전환이 빠르기 때문에 사용자들에게 긍정.. 2023. 3. 30. [WEB] Bundle과 BundleTool 의 장점과 사용해보기 Bundle과 BundleTool 의 장점과 사용해보기 Bundle과 BundleTool Turbopack, vite, rollup.js, webpack, parcel 번들 툴은 다양한 종류들이 존재한다. 이러한 번들은 다양한 js 파일들을 하나로 합쳐주는 역할을 한다. 이러한 번들툴을 이용해서 우리는 쉽게 배포가 가능하다 안쓰는 함수랑 변수를 제거해주기 때문에 용량축소도 가능하고 다양한 확장자명(.ts / .vue / .jsx) 으로 개발한 것을 .js으로 변환을 해준다. 또 최신 문법을 호환성 좋게 바꾸어주는 것 VITE 설치하기 터미널에서 npm create wite@latest를 입력해주고 설정을 해주어야하는데 기본 라이브러리 선택을 해주어야한다 나는 Vanila를 선택하고 variant를 Jav.. 2023. 3. 30. [WEB]npm사용하기, node.js 다운받기 npm사용하기, node.js 다운받기 자바스크립트 코드는 웹브라우저 안에서만 실행 할 수 있지만 브라우저를 안켜고도 바로 pc에서 실행 할 수 있도록 도와주는 실행 엔진이다. node.js 다운받기 https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 완료하고 명령 프롬포트 에서 node -v로 버전이 확인되면 설치가 완료된 것임 npm : js 라이브러리 관리를 도와주는 패키지 매니저 라이브러리를 쉽게 설치하고 수정, 삭제가 가능하게 해준다. 새로운 터미널을 열어주고 npm install mysql을 입력해주면 다운로드.. 2023. 3. 27. [HTML] 댓글 기능 구현 사이트, 채팅 기능 사이트 댓글 기능 구현 사이트 https://disqus.com/ Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising. disqus.com https://livere.com/ 라이브리 소셜댓글 서비스, 무료설치, 체험, 활용사례, 프리미엄 이용안내 등. livere.com 실시간 채팅 기능 https://www.tawk.to/ 100% FREE Live Chat Software, Ti.. 2023. 3. 14. [데이터베이스] MySQL 다운로드 하기 My SQL 다운로드 하기 https://www.mysql.com/downloads/ MySQL :: MySQL Downloads MySQL Cluster CGE MySQL Cluster is a real-time open source transactional database designed for fast, always-on access to data under high throughput conditions. MySQL Cluster MySQL Cluster Manager Plus, everything in MySQL Enterprise Edition Learn More » C www.mysql.com 위 사이트로 이동해서 다음과 같이 MySQL Commynity Downloads로 들어간다. 그리고.. 2023. 3. 13. [유니티Unity]Erro: TextMeshPro 폰트 생성이 안되는 경우 Erro: TextMeshPro 폰트 생성이 안되는 경우 새로운 TextMeshPro 폰트를 생성하기 위에서 폰트 설정을 해주고 Generate Font Atlas를 해줬는데 다음과 같은 알림이 뜨면서 폰트가 생성안되고 있었다. Font Asset Creator - Error Code [Invalid_File_Path] has occurred trying to load the [OAGothic-ExtraBold] font file. This typically results from the use of an incompatible or corrupted font file. UnityEngine.Debug:Log (object,UnityEngine.Object) 해결 방법은 나같은 경우는 폴더명이 한글로 되.. 2023. 3. 9. [유니티Unity]Error:Assembly 'Assets/ExternalDependencyManager/Editor/1.2.175/Google.IOSResolver.dll 해결하는 방법 Error:Assembly 'Assets/ExternalDependencyManager/Editor/1.2.175/Google.IOSResolver.dll 해결하기 Assembly 'Assets/ExternalDependencyManager/Editor/1.2.175/Google.IOSResolver.dll' will not be loaded due to errors: Unable to resolve reference 'UnityEditor.iOS.Extensions.Xcode'. Is the assembly missing or incompatible with the current platform? Reference validation can be disabled in the Plugin Inspecto.. 2023. 3. 6. [html] css를 사용해서 클래스/id 만들기 + 클래스의 우선순위 알아보기 WEB 1번 입니다. 2번 입니다. 3번 입니다. 2023. 2. 19. [HTML] css를 이용해서 태그 설정하기 WEB 1번 입니다. 2번 입니다. 2023. 2. 19. [파이썬 Python] Gabor Filters(가보르 필터) 이미지 적용하기 import numpy as np import cv2 import matplotlib.pyplot as plt ksize = 5 sigma =3 theta =1*np.pi/4 lamda = 1*np.pi/4 gamma =0.5 phi =0 kernel = cv2.getGaborKernel((ksize, ksize),sigma, theta, lamda, gamma, phi, ktype = cv2.CV_32F) plt.imshow(kernel) import numpy as np import cv2 import matplotlib.pyplot as plt ksize = 50 sigma =3 theta =1*np.pi/4 lamda = 1*np.pi/4 gamma =0.5 phi =0 kernel = cv2.g.. 2023. 2. 14. [유니티 Unity] UI Dropdown 기능 할당/삭제 보호되어 있는 글 입니다. 2023. 2. 10. [유니티 Unity]Input Filed, EventHandle 자동 선택 하는 방법 Input Filed, EventHandle로 자동 선택 하는 방법 기본적으로 Input Filed 안에 다양한 기능이 있어서 해당 기능을 응용해서 자동으로 InputFiled가 선택되는 것을 구현했다. Input Filed를 두개를 두고 1번 빈칸이 채워지면 2번 빈칸으로 이동하고 2번 빈칸을 지웠을 경우, 1번 빈칸으로 다시 이동하는 것을 구현하고 있다. EventSystem event; if(Q_answer_InF.isFocused == false) { Q_answer_InF.OnPointerClick(new PointerEventData(event)); } 이런식으로 선택이 안되어있을 경우를 체크해서 선택이 안되어있으면 OnPointerClick(new PointerEventData(event)).. 2023. 2. 8. 이전 1 2 3 4 5 6 7 8 다음 728x90 반응형
