셰이더는 도형의 정점 위치를 조정할 수 있습니다. 이를 통해 3D 모델을 왜곡하고 애니메이션화할 수 있습니다.
셰이더로 위치 조정하기 (p5.strands): Created by Dave Pagurek. Remixed by Dorine Tipo. From 2026 onwards, edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: 2023 code, 2026 p5.strands translation. You can suggest improvements by contributing to the current website!
관련 예제
대체 텍스트 없음
지오메트리
사용자 정의 모델을 포함하여, 3D 도형을 그립니다.
대체 텍스트 없음
사용자 정의 지오메트리
프로그래밍을 통해 3D 도형을 생성합니다.
대체 텍스트 없음
재질(Materials)
3D 객체의 색상, 질감, 그리고 빛에 반응하는 정도를 변경합니다.
대체 텍스트 없음
궤도 컨트롤(Orbit Control)
마우스로 카메라를 제어합니다.
대체 텍스트 없음
필터 셰이더(Filter Shader) (GLSL)
셰이더로 이미지를 조작합니다.
대체 텍스트 없음
셰이더로 위치 조정하기 (GLSL)
셰이더를 사용하여 도형의 정점을 조정합니다.
대체 텍스트 없음
프레임버퍼 흐림(Framebuffer Blur)
카메라의 심도(depth of field)를 시뮬레이션합니다.
대체 텍스트 없음
필터 셰이더(Filter Shader) (p5.strands)
셰이더로 이미지를 조작합니다.
대체 텍스트 없음
셰이더로 위치 조정하기 (p5.strands)
셰이더를 사용하여 도형의 정점을 조정합니다.