Game Programming
  • Introduction
  • Server
    • General
    • DB
    • AWS
  • Client
    • General
    • Game & Mathematics
      • 3D 게임 프로그래밍을 위한 수학
        • 3D 기초 수학 - 1. 분수
        • 3D 기초 수학 - 2. 벡터(덧셈)
        • 3D 기초 수학 - 3. 벡터의 밸셈, 벡터와 스칼라의 곱셈
        • 3D 기초 수학 - 4. 벡터의 내적
        • 3D 기초 수학 - 5. 벡터의 외적
        • 3D 기초 수학 - 6. 삼각함수(sin, cos, tan)
        • 3D 기초 수학 - 7. 삼각함수(원, 라디안, 파이)
      • [번역] Interpolation and Splines
        • 평균과 혼합(Averaging and Blending)
        • 보간(Interpolation)
        • 매개변수 방정식(Parametric Equations)
        • 매개변수 곡선(Parametric Curves)
        • 1차 베지어 곡선
        • 2차 베지어 곡선
        • 3차 베지어 곡선
        • 스플라인(Splines)
        • 베지어 스플라인(Bezier Splines)
        • 3차 허밋 스플라인(Cubic Hermite Splines)
        • 캣멀-롬 스플라인(Catmull-Rom Splines)
        • 카디널 스플라인(Cardinal Splines)
        • 기타 스플라인들
        • The End
      • 베지어 곡선 구현(Implement Bezier curve)
    • Unity3D
    • Shader
      • 모서리가 둥근 사각형 만들기
        • 구현 방법들
        • 수학적 계산 방식
        • 부드러운 엣지 만들기
        • 참고자료
Powered by GitBook
On this page
  1. Client
  2. Shader

모서리가 둥근 사각형 만들기

2019-10-06

PreviousShaderNext구현 방법들

Last updated 5 years ago

Was this helpful?

CtrlK

Was this helpful?

둥근 사각형은 게임뿐만 아니라 일반적인 앱UI나 아이콘에서도 많이 사용되고 있습니다. 여기서는 셰이더를 사용하여 게임 UI에 적용할 수 있는 방법에 대해서 설명하겠습니다.

필요한 배경지식

  • 유니티 엔진

  • 셰이더 프로그래밍

  • 벡터의 덧셈과 뺄셈

  • 상상력

배경지식이 충분하지 않더라도 약간의 상상력만 있다면 크게 어렵지 않습니다.

소스코드를 바로 보고 싶으신 분은 아래 github에서 확인하시면 됩니다.

GitHub - sunduk/UnityRoundedShader: Rounded rectangle, circle, ellipse shaders in UnityGitHub
유니티 엔진으로 구현한 모서리가 둥근 사각형 전체 소스코드
Logo