Film Overlay Follow Up Tutorial

Film Overlay Follow Up Tutorial

Film Overlay Follow Up Tutorial

Today we piece together a slideshow, like a film, of the presentation from two days back, similar to how we did it below with Film Overlay Primer Tutorial, except that extra functionality is added to allow the film to run from top to bottom or left to right, without the addition of any new image files (to yesterday’s tutorial). To do this we made use of:

  • CSS transform (specifically its rotate functionality)
  • GIMP Filter->Combine->Filmstrip…
  • Javascript setTimeout timer functionality
  • Javascript DOM methods to dynamically change HTML (over time)
  • z-index
  • position:absolute
  • Javascript eval() method … Why? It can make “concepts” into “dimensions” … sort of … in practical terms it allows the exchange of Javascript DOM .style.left = code into .style.top = code in a parameterizable fashion

So the tutorial today is based on is LibreOffice Math Formula Primer Tutorial as shown way below.

Add this to your thoughts regarding the theme of “overlay” … rather than anything to do with Latex Salesmen.

Link to downloadable HTML programming source code you could call film_parameterizable.html

Finally we have a link to show you how we got the code to be parameterizable in the way it allows both top to bottom or left to right film display within the one piece of code, here.


Previous relevant Film Overlay Primer Tutorial as shown below.

Film Overlay Primer Tutorial

Film Overlay Primer Tutorial

Today we piece together a slideshow, like a film, of the presentation from yesterday. To do this we made use of:

So the tutorial today is based on is LibreOffice Math Formula Primer Tutorial as shown below.

Add this to your thoughts regarding the theme of “overlay” … rather than underlay, underlay arriba.

Link to downloadable HTML programming source code you could call film.html


Previous relevant LibreOffice Math Formula Primer Tutorial is shown below.

LibreOffice Math Formula Primer Tutorial

LibreOffice Math Formula Primer Tutorial

Over the last few weeks we’ve talked a fair bit about the LibreOffice suite of office programs and its big links with the OpenOffice suite of programs, and today we explore its Math Formula functionality.

Today we took a mathematics problem from a school text book called New Century Maths Stages 5.2/5.3 page 225, and imagine a teacher explaining the solution to a “Law 1: Multiplying terms with the same base” problem.

LibreOffice makes this task end up with a very professional presentation, and maybe, for a desktop solution to something you want to do yourself, you will be interested in a demonstration of how it works.

Link to input data file representing what was added into LibreOffice’s MathFormula for this tutorial MathsProblem.txt
Link to output .odf LibreOffice file of tutorial MathsProblem.odf

Link to LibreOffice information … from Wikipedia.
Link to LibreOffice “spiritual home” … LibreOffice via the Document Foundation.

If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.


If this was interesting you may be interested in this too.

This entry was posted in Animation, eLearning, GIMP, Tutorials and tagged , , , , , , , , . Bookmark the permalink.

10 Responses to Film Overlay Follow Up Tutorial

  1. Wow that was strange. I just wrote an exceptionally extended comment but soon after I clicked submit my comment didnโ€™t seem. Grrrrโ€ฆ well Iโ€™m not writing all that over once more. Anyways, just wanted to say excellent blog!

  2. Hughesnet says:

    Hello, i think that i noticed you visited my web site thus i came to return the prefer?.I’m trying to to find issues to improve my web site!I guess its ok to make use of a few of your ideas!!|

  3. The best and clear News is quite significantly imptortant to us.

  4. try this out says:

    Needed to write you one little bit of note so as to give many thanks again just for the amazing guidelines you have provided in this case. It has been remarkably open-handed with people like you to make unhampered what many people would’ve supplied for an ebook in order to make some money for themselves, and in particular considering the fact that you might well have tried it in case you considered necessary. Those things also worked as the good way to be certain that other individuals have the identical fervor much like my personal own to see way more around this problem. I’m sure there are a lot more fun situations in the future for those who see your website.

  5. Related Site says:

    Really excellent information can be found on blog . “The greatest mistake is trying to be more agreeable than you can be.” by Walter Bagehot.

  6. imply says:

    hi!,I love your writing so a lot! percentage we keep up a correspondence extra about your post on AOL? I require a specialist in this area to unravel my problem. May be that is you! Taking a look ahead to peer you.

  7. Glowing says:

    I like this blog so much, saved to favorites. “To hold a pen is to be at war.” by Francois Marie Arouet Voltaire.

  8. Tan says:

    But wanna input that you have a very decent website , I love the style and design it really stands out.

  9. Auto Shopper says:

    Hurrah! In the end I got a webpage from where I can truly get useful information regarding my study and knowledge.|

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>