I create a lot of hiking videos. Each of them has a short title screen in which waypoints and some statistics about the trip are shown. Each title screen costs me around 5 minutes to make, thats why I want to automate the process. The goal is to achieve pixel perfect line lenghts and spacing.
I use Vue and Vuetify aswell as a HTML5 canvas to draw the title screen. There is a lot of pixel measuring going on, which makes the tool pretty heavy to run. A page is provided through a GitHub action: https://sedlatschek.github.io/title-screen-generator/.
Logo made by Freepik from www.flaticon.com.
# project setup
yarn install
# compiles and hot-reloads for development
yarn serve
# compiles and minifies for production
yarn build
# lints and fixes files
yarn lint