작업 환경

처음에는 윈도우에서 설치 및 빌드를 진행했으나, 의존성 관리가 더 편한 wsl로 환경을 바꿔서 설치를 다시 진행했다.

• OS: wsl, Ubuntu 26.04

의존성 설치

아래의 명령어들을 실행해서 우선 개발에 필요한 도구를 설치했다.

sudo apt update
sudo apt install -y build-essential meson ninja-build pkg-config libsdl2-dev libgl1-mesa-dev libpng-dev libjpeg-turbo8-dev  libwebp-dev

Thorvg 설치 및 빌드

Thorvg와 Thorvg 예제를 설치하길 원하는 폴더로 이동한 다음 git clone을 통해 프로젝트를 설치하였다.

cd 설치폴더
git clone https://github.com/thorvg/thorvg.git
git clone https://github.com/thorvg/thorvg.example.git

그 후 thorvg 폴더로 이동한 다음 meson과 ninja를 사용해 빌드를 하였고, 설치된 thorvg를 다른 폴더에서도 이용하기 위해 ninja를 사용해 설치 또한 해주었다.

cd thorvg
meson setup builddir
ninja -C builddir
sudo ninja -C builddir install

그리고 thorvg 예제 폴더로 이동한 다음 마찬가지로 소스코드를 빌드해주었다.

cd ../thorvg.example
meson setup builddir
ninja -C builddir

그렇게 빌드된 결과물을 실행하면 gui가 뜨면서 thorvg 예제들을 확인할 수 있다.

./builddir/src/Shapes

추가사항

wsl에서 gui가 되는지 확인하고 싶은 경우에는 아래 명령어를 실행한 다음, 간단한 gui 윈도우가 뜨는지 확인하면 된다.

sudo apt install -y x11-apps
xeyes

또한 OpenGL을 통해서 렌더링을 하고 싶은 경우에는 빌드시 플래그로 gl을 넣어주면 된다.

cd thorvg
# GL엔진을 포함해서 다시 설정
meson setup builddir --reconfigure -Dengines=cpu,gl
# 빌드 및 설치
ninja -C builddir
sudo ninja -C builddir install

cd ../thorvg.example
# gl 플래그를 붙여서 실행하면 GL엔진으로 실행됨
./builddir/src/Shapes gl

TODO

윈도우 환경에서도 빌드해보기
wgpu native를 리눅스에 설치한 다음 wgpu로도 렌더링 해보기