djfun / audio-visualizer-python

a little GUI tool to render visualization videos of audio files
Other
238 stars 57 forks source link

Title text component options for nicer text #29

Closed tassaron closed 7 years ago

tassaron commented 7 years ago

It would be easier to make nice-looking text on different background images if there were an option to add a stroke (outline) or drop-shadow to text. I would also like to see the ability to select extra font styles such as Small Caps, Bold, Oblique, and Italic.

rikai commented 7 years ago

In addition to text borders, it'd also be nice to be able to define the text border width.

Other suggestions for improving the text component: Give a "center" option, that keeps the text centered in the screen (based on the canvas size)

dv-anomaly commented 7 years ago

The text component should also re-calculate it's position on a canvas size change. We had discussed before about storing the position as a float and always calculate the pixel positions based on simple math at render time.

xPosition = x / width     |    x = width * xPosition
yPosition = y / height    |    y = height * yPosition

If current Canvas size is 1280x720, and text position is 640x374:

0.5 = 640 / 1280
0.519444444 = 374 / 720

If resolution chagned to 1920x1080:

960 = 1920 * 0.5
560.99999952 = 1080 * 0.519444444

And round to the closest whole pixel: x = 960 y = 561 <- equivalent positions for 1920x1080

tassaron commented 7 years ago

Relative coords and center button: 5784cdbcf87556b61519782cd1fc27065ffbc631 Outline/stroke options and font style: 998f74149553ac7a9e27d7c85cebceda2ef32c64 Dropshadow option: 060a7dc2d263c0fd0e36e162943b8946df937bbd