패스트 캠퍼스에서 수강한 강의 내용 중 셰이더 함수에 대해 정리하였다.우선 무작정 따라해볼 수 있도록 glsl에서 사용되는 함수들에 대해 알아볼 것이다.개발 환경은 Vite+VanillaJS환경이다.1. 그라데이션precision mediump float;varying vec2 vUv;void main(){ // 1. 그라데이션 float x = vUv.x; float y = vUv.y; float col = x; gl_FragColor=vec4(col, col, col, 1.0);}vUv는 vertex shader에서 가져온 값을 의미한다.x좌표에 따라 color의 값이 0.0부터 1.0까지 변화한다.2. 대각선 만들기precision mediump float;varying vec2 vUv;v..
