Re: [ft-devel] [GSoC] Visualizing/organizing different rendering modes

[k kushal]

Looking around it seems that sprite PNGs are an alternative to
animated GIFS, where the various sub-images are accessed with
_javascript_ or CSS (cf. property `background-position'):

 

Thank you. Sprite seems to be a great resource to be doing that.

This will help in the list view (side by side ) as well as for the 

'detailed glyph comparison'.

Let's say we have 5 images to be used for different visualisations 

A1, A2, A3, A4, A5. With this, I am able to generate animations for 

any combination of sub-images. 

I am also putting in code for changing the frequency of image transitions

and to switch between transitions from the browser itself. 

I will push the finished HTML files to test tomorrow.

I am writing code to stitch images together using libpng.

(although right-now, I am using 'convert' ( tool in imagemagick ) 

to make the sprite sheet and using it in CSS. 

Can we use this tool as a dependency ? ).

On Sun, Jul 9, 2017 at 5:03 PM, Werner LEMBERG <address@hidden> wrote:

Hello Kushal!


> I am working on generating GIF(s) for that blink effect (with 2-3
> different visualizations to highlight differences).

I have no experience with animated GIFs: How do you control the
blinking?  There must be an easy means to stop animation and clicking
between the states (from within the browser, of course).

> Another thing I thing would be useful to visualize is let’s say we
> have two glyphs A and A’ . We display A in a frame and when you
> click and hold anywhere on the image A’ is displayed and when you
> release it A is back on.

Yes, sounds useful.  Can such a feature be provided with animated
GIFs?

Looking around it seems that sprite PNGs are an alternative to
animated GIFS, where the various sub-images are accessed with
_javascript_ or CSS (cf. property `background-position'):

  https://css-tricks.com/css-sprites/

(and look at the `further reading' section on this page).

Have the sub-images side by side horizontally would automatically
provide one of the modes suggested by Arvinder...


    Werner