유체의 움직임으로는 크게 3가지로 볼 수 있습니다. 분산(diffuse)다른 외력이 작용하지 않아도 유체의 밀도가 높은 곳에서 낮은 곳으로 유체가 퍼저나가는 것대류(advection)중력, 부력 등 외력의 작용으로 유체에 흐름이 생기는 것 점성(viscosity)유체 분자가 서로 붙어있으려는 성질 SPH기법으로 물을 시뮬레이션 해볼겁니다. 차례대로 따라가면 어렵지 않을 겁니다...!코드는 깃에 올려놨습니다 :)https://github.com/GameTithe/SPH-VpythonSPH(Smoothed Particle Hydrodynamics) 물과 같은 유체를 묘사할 때 분자 개수만큼 입자로 표현하면 컴퓨터가 감당할 수 없을 정도로 연산량이 많아지기 때문에 그 범위를 설정해줘야 된다. As의 물리량에..

time step에 엄격한 물리적으로 정확한 식이 아니라, 터지거나 하지 않는 stable(안정적인) 알고리즘이다.  The Physics of Fluids첫번째: Navier-Stokes Equation의 compact한 벡터 속도장이다. (비선형적)두번째: 속도장을 지나가는 밀도 식이다. (선형적)유체의 상태는 속도 벡터장(velocity vector field) 으로 모델링된다. 즉, 공간의 각 지점에서 특정한 속도 벡터를 할당하는 함수이다.Navier-Stokes Equation은 시간이 흐름에 따라 속도장이 어떻게 변화하는지를 정밀하게 설명하는 방정식이다. 속도장 자체는 단순한 수학적 개념이지만, 연기(smoke particles), 먼지(dust), 낙엽(leaves) 등의 물체를 이동시키면서..

이론:https://tithingbygame.tistory.com/153 [CG] Using Noise in Shaders시뮬레이션을 할 때 불완전한(imperfection) 물체를 렌더링할 때 랜덤한 변수를 사용합니다. 하지만 pseudorandom로 난수를 생성하는 것은 효율적이지 못합니다. 1. 랜덤하지만 반복적인 데이터가 필tithingbygame.tistory.com 구름... 효과...  투시경

시뮬레이션을 할 때 불완전한(imperfection) 물체를 렌더링할 때 랜덤한 변수를 사용합니다. 하지만 pseudorandom로 난수를 생성하는 것은 효율적이지 못합니다. 1. 랜덤하지만 반복적인 데이터가 필요합니다.(we need data that is repeatable, so that the object will render in the same way during each frame of the animation.)2. 연속적으로 변하면서 랜덤한 데이터가 필요합니다. (we actually need data that is continuous, but still gives the appearance of randomness.) Perlin이 획기적인 아이디어로 Perlin Noise를 만들었습니..

일단 기본적인 ShadowMap에 대해서 설명을 하고 심화(?)로 들어가겠습니다. ShadowMap 1. light source에서의 depth map이 필요하다. ( camera 위치가 아닌 light 위치에서의) (shadow map이 함축하고 있는 의미는 light에서의 거리를 저장할 뿐아니라 light에서 물체가 보이는지에 대한 여부를 저장을 하는 것이다.) 개구리를 비추고 있는 빨간 조명에서 depth buffer를 그린것이다. 우측을 보면 잘 그려지고 있는 것 같다.(지금은 1개의 조명을 사용하고 있지만, 나중에 2개 이상일 때는 우예해야될까..흑흑) 2. 물체를 렌더링 할 때 depth map가 비교를 그림자 부분인지를 판별한다.헷갈릴만 한 것들1. depth map에서 0이 의미하는 것은 ..

구현 https://tithingbygame.tistory.com/150 [CG] Deferred ShadingDeferred Shading 이란복잡한 조명효과에 대한 계산 부하를 줄이기 위해서 등장한 방법이다. 화면에 그려질 물체를 조명 효과 없이 그리고 그 뒤에 조명 효과를 적용하는 것이다.이렇게 하면 화면에tithingbygame.tistory.com  아래와 같이 G-buffer를 만들어주었습니다. deferred Shading을 했다는 인증...? 입니다 하하

Deferred Shading 이란복잡한 조명효과에 대한 계산 부하를 줄이기 위해서 등장한 방법이다. 화면에 그려질 물체를 조명 효과 없이 그리고 그 뒤에 조명 효과를 적용하는 것이다.이렇게 하면 화면에 나타나지 않는 픽셀, vertex에 대해서 조명효과를 계산하지 않아도 되기에 성능이 좋아진다. 1. G- buffer를 생성하면서, 물체를 그려준다. 2. 생성한 G-buffer를 이용해서 light 효과를 적용시켜준다.3. cubeMap을 사용중이라면 cubeMap에 depthBuffer를 넘겨줘서 depth가 1인 부분에만 그려준다. 1. G- buffer를 생성하면서, 물체를 그려준다. 아래와 같이 처음 초기화를 할 때 G-buffer를 초기화 해준다.G-buffer란 geometry buffe..

https://tithingbygame.tistory.com/147 [CG] Bloom Effect 구현https://tithingbygame.tistory.com/manage/newpost/148?type=post&returnURL=https%3A%2F%2Ftithingbygame.tistory.com%2Fmanage%2Fposts%2F 티스토리좀 아는 블로거들의 유용한 이야기, 티스토리. 블로그, 포트폴리오, 웹사이트까지tithingbygame.tistory.com  filter가 걸려있는 이미지에 mipmap을 적용 시키고, threshold로 색상까지 걸러주고원본에 더했습니다

https://tithingbygame.tistory.com/manage/newpost/148?type=post&returnURL=https%3A%2F%2Ftithingbygame.tistory.com%2Fmanage%2Fposts%2F 티스토리좀 아는 블로거들의 유용한 이야기, 티스토리. 블로그, 포트폴리오, 웹사이트까지 티스토리에서 나를 표현해 보세요.www.tistory.com 단계별로 먼저 설명을하면,1. Gaussian Blur2. treshold를 통해 밝은 부분 검수(?)3. 검수하 부분을 원본에 입히기4. Bloom effect 감상하기 Bloom효과를 입히면서 몇가지 애먹은 부분이 있었다.1. 내가 지금 write하고 있는 framebuffer는 read를 할 수 없다는 것이다.2. gl..

Projected Texture 주요 내용은 프로젝터(카메라)가 하나 더 있다고 생각하고, 프로젝터가 보는 곳을 하나의 이미지라고 생각합니다... 그리고 그 이미지 위에  내가 새로운 이미지를 쏴주는 겁니다. 빔프로젝터처럼 카메라 위치에서 살짝 왼쪽에 있는 프로젝터입니다. 대부분 카메라와 비슷하게 셋팅을 해주는데 하나 이상한(?)짓을 합니다. translate(0.5f) * scale(0.5f)를 해주는 것입니다. 그 이유는 오브젝트에 projection matrix까지 곱해졌다면 vertex의 위치 값은 [-1, 1]입니다. 하지만 이미지 좌표계는 [0,1]이기 때문에 normalize를 해주는 것입니다. 그리고 여기서 얻은 좌표를 texture 좌표로 써서 이미지를 읽어들이는 것입니다.//projec..

https://raytracing.github.io/books/RayTracingInOneWeekend.html https://raytracing.github.io/books/RayTracingInOneWeekend.html~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Listing [assume-rtw-vec3]: [vec3.h] Assume rtweekend.h inclusion for vec3.h] And now the new main: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~raytracing.github..

결과물:https://tithingbygame.tistory.com/141 [실습저장소] FrameBuffer 사용해서 postProcessing(후처리)이론:https://tithingbygame.tistory.com/142 [CG] FrameBuffer 사용해서 postProcessing(후처리)Framgbuffer를 적용한 간략한 순서1. 후처리 FrameBuffer를 만든다.2. 후처리 FrameBuffer에 물체들을 그려준다. (texture에 따로tithingbygame.tistory.com  Framgbuffer를 적용한 간략한 순서1. 후처리 FrameBuffer를 만든다.2. 후처리 FrameBuffer에 물체들을 그려준다. (texture에 따로 저장)3. 기존 FrameBuffer에 ..