Today, I will

출처: LearnOpenGL - Transformations LearnOpenGL - TransformationsTransformations Getting-started/Transformations We now know how to create objects, color them and/or give them a detailed appearance using textures, but they're still not that interesting since they're all static objects. We could try and make them move bylearnopengl.com번역: [Learn OpenGL 번역] 2-7. 시작하기 - 변환(Transformations) (tistory.c..

구현 사항 -1- 플레이어가 상하좌우로 움직인다 -2- emeny는 플레이어를 쫓아다니면서 총알을 발사한다. 위의 구현사항에서 emeny는 실시간으로 변경하는 플레이어의 방향으로 움직이고, enemy의 정면은 플레이어를 향하여 총알을 발사하면 플레이어에게 가도록 작성하여야 한다. 따라서, enemy의 위치값 dir과 방향값 rot이 tick 함수 안에서 적절하게 변경되어야 한다. 구현 코드 EnemyActor.cpp for문 TActorIterator을 통해 target을 찾는 것은 비용이 드므로 Tick이 아닌 Begin에서 단 한번 해주도록 한다. Tick에서는 begin에서 구한 target의 Position과 Rotation을 이용해 enemy가 취해야 할 dir과 rot 벡터를 구해준다. mov..

https://youtu.be/TckqNdrdbgk?si=o5LXLYuF1-ifJ9ws tilt brushhttps://youtu.be/h3TrGxojF_w?si=-bTg1Co7fYcpFiGChttps://youtu.be/DafgiEcXr6c?si=vJwVRw0FP4ibZNDU ETriggerEvent::Triggered// Called to bind functionality to input void APlayerPawn::SetupPlayerInputComponent(UInputComponent* PlayerInputComponent) { Super::SetupPlayerInputComponent(PlayerInputComponent); if (UEnhancedInputComponent* Enhance..

*컴퓨터 그래픽스 강의와 Learn Open GL Code를 참고하여 작성한 포스팅입니다. opengl graphics pipeline 순서 (1) Vertex shader : transform verices : 각각의 버텍스를 어떻게 transformation할 것인지. 각각 버텍스에 적용(모델링, 뷰잉, 프로젝션, 뷰포트 transformation 등 행렬을 곱해주는 연산을 Vertex shader 에서 수행) (2) shape assembly : form a primitive (3) geometry shader : emit vertices to form new primitives (4) pixelization : rasterization (5) colorization : fragment shader..

*컴퓨터 그래픽스 강의와 Learn Open GL Code를 참고하여 작성한 포스팅입니다. LearnOpenGL - Creating a window Creating a window Getting-started/Creating-a-window The first thing we need to do before we start creating stunning graphics is to create an OpenGL context and an application window to draw in. However, those operations are specific per operating system an learnopengl.com hello_window_clear.cpp 해당 코드는 별다르게 렌더링하는 것..

필수 : 깃허브 계정 1. git bash를 이용하기 위해 git을 운영체제에 맞게 설치해줍니다. 2. github desktop을 설치해줍니다 3. games -> blank -> c++로 새로운 프로젝트를 생성해줍니다. 저는 git_test1이라는 이름의 프로젝트를 생성해주었습니다. 4. 언리얼 ui에서 오른쪽 아래 Revision Control 클릭 -> connect to revision control ... 클릭 Provider을 Git으로 변경해줍니다. Add a .gitattributes file to enable Git LFS 반드시 체크해주세요! 로컬에서 깃 폴더가 형성이 되었습니다! 5. 이제 github desktop에서 아래의 캡처대로 하드디스크에 생성된 깃프로젝트인 git_test..

P0는 위치를 표현하기 위한 자료형으로 벡터를 사용한다. 위의 블루프린트 내용을 c++로 tick 함수 내로 만드면 아래와 같다. // Called every frame void AActor_Coding::Tick(float DeltaTime) { Super::Tick(DeltaTime); // 앞으로 계속 이동하고 싶다. // P = P0 + vt FVector P0 = GetActorLocation(); FVector vt = GetActorForwardVector() * 500 * DeltaTime; FVector P = P0 + vt; SetActorLocation(P); } 상세한 주석은 아래와 같다. // Called every frame void AActor_Coding::Tick(float..

들어가며 안녕하세요! flyduckdev입니다. 오늘은 mongodb를 compass free 가격으로 다뤄보는 튜토리얼 과정을 블로그에 남기려고 합니다. 순서는 몽고 db 시작을 위한 세팅, compass 에서 몽고디비 명령어 다루기, 관계형디비와 몽고디비의 차이점 순서대로 작성됩니다. 편의상 '~ㄴ다'로 말을 줄이고 바로 포스팅 시작해보도록 하겠습니다. 파트1 몽고 DB 세팅 1. https://www.mongodb.com/ MongoDB: The Developer Data Platform Get your ideas to market faster with a developer data platform built on the leading modern database. MongoDB makes work..

1. jwt란? Json Web Token의 약자로, 전자 서명이 된 토큰 . 을 기준으로 헤더, 페이로드, signature 로 나뉘어져 있다. // header.payload.signature header 헤더에는 일반적으로 typ라고 해서 해당 토큰의 타입이 들어있다. 또한 alg라고 해서 토큰을 서명하기 위해 사용된 해시 알고리즘이 들어있다. payload는 해당 토큰의 주인, iat 즉 토큰이 발행된 시간, exp 토큰이 만료되는 시간이 들어있다.(기본 형태가 그렇다는 뜻) jwt 홈페이지를 보면 jwt 토큰은 Encoded 안에 있는 형식의 토큰을 만들어주고, DATA payload를 보면 들어갈 데이터도 넣을 수 있다. 또한 토큰의 만료 기한 같은 것들을 설정할 수 있다. 토큰이 만료되면, ..

1. 리액트의 문제해결 (1) 렌더링 기준 : 컴포넌트의 상태(State) 리액트는 컴포넌트 단위로 관리한다. 일반 html은 한 페이지 단위로 새로고침이 발생한다. 즉, 한페이지 단위로 렌더링하는 것이다. 유튜브 같은 경우 영상을 날라 용량이 크고 지속적으로 페이지 자체의 로딩이 느리다. 그런데 어떠한 상태 하나만 바뀌었다고(좋아요만 클릭함) 페이지 자체가 다시 렌더링되는 것은 로드 시간 낭비일 뿐더러 영상이 다시 처음부터 시작하게 된다. 반면, 좋아요만 클릭해서 좋아요 상태만 바뀔 수 있다면, 영상이 끊기지 않고 계속 이어질 것이다. 리액트에서는 이러한 '상태'를 관리하게 될 것이다. state와 이를 상속받은 props 같은 아이들이 이에 해당한다. (2) props 예시 가령 제일 최상단 배너 컴..