Graphics, Skia, Shader Language 공부를 잔잔하게 시작

Intro

그래픽스를 조금 공부해보려고 한다. 예전처럼 폭발적으로 공부할 힘은 없지만 모르는것을 알아가고 캔버스에 재밌는 효과를 내는것을 재미로 조금씩 해봐야겠다.

주된 목적은 당장은 React Native에서 React Native Skia를 이용해 원하는 이펙트를 그리는 것에 있지만 더 나아가 화면에 보이는 픽셀이 어떻게 그려지는데에 대한 넓은 이해를 목적으로 하기도 한다.

대략 다음과 같은 내용을 공부할 것이다.

• Shader Language (GLSL, SKSL)
• Sign Distance Function(SDF)
• Basic Math
• Matrix Transformation(Position, Color)
• Vertices Rendering

Materials

React Native Skia Documentation

독스는 거의다 훑었고 사용법이 상당히 편리하다.

Youtube Tutorials

William Candillon의 Tutorial들은 예전 Reanimated를 공부할 때도 많이 봤었고 현재 RN Skia의 Maintainer로써 많은 도움이 된다.

The Book of Shaders

Interactive Book이며 한국어 번역도 있다. 링크