필터 셰이더는 캔버스에 있는 그 어떤 것에도 효과를 적용할 수 있는 방법입니다. 이 예제에서는, 비디오에 효과가 적용됩니다.
필터 셰이더(Filter Shader) (p5.strands): Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
관련 예제
대체 텍스트 없음
지오메트리
사용자 정의 모델을 포함하여, 3D 도형을 그립니다.
대체 텍스트 없음
사용자 정의 지오메트리
프로그래밍을 통해 3D 도형을 생성합니다.
대체 텍스트 없음
재질(Materials)
3D 객체의 색상, 질감, 그리고 빛에 반응하는 정도를 변경합니다.
대체 텍스트 없음
궤도 컨트롤(Orbit Control)
마우스로 카메라를 제어합니다.
대체 텍스트 없음
필터 셰이더(Filter Shader) (GLSL)
셰이더로 이미지를 조작합니다.
대체 텍스트 없음
셰이더로 위치 조정하기 (GLSL)
셰이더를 사용하여 도형의 정점을 조정합니다.
대체 텍스트 없음
프레임버퍼 흐림(Framebuffer Blur)
카메라의 심도(depth of field)를 시뮬레이션합니다.
대체 텍스트 없음
필터 셰이더(Filter Shader) (p5.strands)
셰이더로 이미지를 조작합니다.
대체 텍스트 없음
셰이더로 위치 조정하기 (p5.strands)
셰이더를 사용하여 도형의 정점을 조정합니다.