본문 바로가기

Shader CG33

2.6 나이테 Noise Editor : http://editor.thebookofshaders.com/ ** The Book of Shaders Editor ** editor.thebookofshaders.com 나이테 모양을 렌더링 해봅시다. 나이테 그림을 보면 여러개의 라인으로 이루어져 있으며, 라인의 폭이 다르고 굴곡이 적용이 되어있습니다. 다음 단계로 나누어서 생각해 봅시다. 1) 라인을 그려봅니다. 위에서 아래 방향인 직선 여러개를 그려봅니다. // Author : Simon.Lee // http://patriciogonzalezvivo.com #ifdef GL_ES precision mediump float; #endif uniform vec2 u_resolution; uniform vec2 u_mouse; unif.. 2023. 8. 19.
2.5 Gradient Noise Editor : http://editor.thebookofshaders.com/ ** The Book of Shaders Editor ** editor.thebookofshaders.com Gradient Noise는 Ken Perlin이 만든 노이즈 알고리즘 입니다. 초기 랜덤함수를 사용한 Noise는 Blocky한 영역이 생기는 문제가 있었습니다. 이러한 Blocky 한 영역을 부드럽게 수정한 Noise 알고리즘이 Gradient Noise 입니다. Gradient Noise는 우주의 섬광 같기도 하고, 안개 같은 느낌도 주네요 메인 함수에서 if (st.x < Num) 코드 부분을 볼 수 있습니다. Num을 0.5로 넣게 되면 화면의 절반은 일반 Noise를 나머지는 Gradient Noise 화면.. 2023. 8. 17.
2.4 Noise 함수 사용해보기 http://editor.thebookofshaders.com/ ** The Book of Shaders Editor ** editor.thebookofshaders.com 유니티에서 쉐이더를 수정하고 빌드 타임이 약간 소모가 되기도 하고, 애니메이션이 editor에서는 확인이 어려운데, Noise와 같은 effect들은 바로바로 이전 프레임과 비교하는 일이 많습니다. 그래서 shaderbook에서 지원하는 반응형 웹에서 아래 코드를 실행해 보겠습니다. 이후 예제에서도 unity 대신 사용할 생각인데, 헷갈릴수 있으니 코드 윗 부분에 적어 놓겠습니다. editor.thebookofShader.com 에서 사용하는 Uniform 변수 들입니다. 자주 해당 변수들을 사용을 하니, 상단에 선언만 하면 사용할 .. 2023. 8. 12.
2.3 Noise 미로 만들기 이번에 Random 함수를 사용해서 아래 모양을 만들어 봅시다. 위 그림을 처음 보면 복잡해 보여서 미로를 구성하는 벽이 굉장히 다양하게 있을것 같습니다. 선의 방향이 달라지는 부분을 기준으로 칸을 나누어 보면 한칸에 해당하는 선은 y=x 방향 y=-x+1 두개의 직선만 존재하는 것을 알수 있습니다. 음 2개 제외하고 다른 직선은 없습니다. 먼저 라인을 그려보는 것을 복습해 봅시다. 모르시는 분은 아래 링크 클릭! https://graphicsimon.tistory.com/18 10. Draw Lines 라인도 대각선 방향으로된 사각형의 영역이라고 생각하시면 됩니다. 사각형의 경우 렌더링 방법은 좌측하단 꼭지점과 우측 상단 꼭지점을 기준으로 영역을 지정하고, 좌측하단 꼭지점 영역 - graphicsimo.. 2023. 8. 11.

티스토리툴바