If you want to tween an object relatively, but the new value changes and needs to be a variable, just cast it as a string.

Fight the "flash" effect at animation start in webkit browsers

heartbeat pulse, a css3 animation

Description: JS function that moves an element. Arguments: ID of the element to move, final x point, final y point, interval/speed (in milliseconds).

SimpleTron3x.py.

This code is a FUN program only to DEMO how to draw in a text mode Python shell.

There is an inkey() "function" extracted from a "class" recipe on this site. See code for more information.

This was tested on PCLinuxOS 2009 with Python 3.0.x and Debian 6.0.0 with Python 3.1.x.

This ASSUMES an 80 x 24 Python shell window.

Issued as Public Domain, you may do as you like with this code.

Enjoy finding simple solutions to often very difficult problems.

Bazza...

The comments for this are broken down into 2 parts, first the script is talked about, then theres a little about the HTML code that the script relies on. You can find more information at the URL, as well as an example of it in action. You can leave comments here or at the link if you have any questions or comments, or if you found a nice use for it.

First the script. Use jquery to load this once the document is complete. The function starts with variables, the first line of them are ones for easy modification, pitches in the number of pitches it will show at once, and the shortdelay/longdelay is the delay between animating individual and pitches and the delay between animating the last displayed pitch and starting from the top again respectively.

After that there is a while statement, this takes the appropriate pitch and wraps each element around a span for animation purposes. Then it gets into the main scripting and animation section.

The each function runs through each of the spans and starts the animation on it. First is fades the current value out, it inserts the new pitch, pre-set at 0 opacity, and fades it in span-by-span. Once the loops is complete it runs a couple checks; is it the last pitch being displayed, is it the last pitch in the list of all pitches, and what it’s going to be doing next. In the first two cases it resets the appropriate counter, the last check determines if it will run the short delay (between pitches being displayed) or the long delay (between displaying the last pitch and starting the animation cycle again).

With this setup the script will run forever, looping when needed. It does require some HTML formatting though, is in the second section.

Second, the HTML The first section is the list of pitches, stored in an un-ordered list with the id "pitches". Each pitch simply goes in a list item. Theres nothing more to creating the list of all your pitches.

The display goes inside the divs. The class pitchbar is my own simply for formattingand is not required the other one, activepitch# is the area where the the current pitches will be displayed. The "#" is for each pitch that you display at a time from 1 to your max, for example the code below has a pitches of three, so I have 3 divs; activepitch1, activepitch2, activepitch3. The example at the url has 5 divs and a pitches value of 5 as well.

This DEMO displays the action of an EM87 Magic Eye tuning indicator using a standard Python 2.6.x or greater install. It is for at least Windows Vista 32 Bit and at least Debian Linux 6.0.0.

It is for FUN only and shows how to generate yet another analogue display using a default text mode install.

With careful thought and viewing between Code Page 850, (Windows Vista onwards), and Code Page 437, (EFFECTIVELY Linux), one can pick the "graphics" characters to generate some interesting old style text mode displays on screen.

Enjoy finding simple solutions to often very difficult problems...

Bazza...

This is a two channel version of the "Four Bit Vertical Coloured Analogue Bar Graph Generator DEMO...".

These are DUAL LED style "VU" meters in the vertical plane...

This is for standard Python 3.x.x.

It has different overload beeps for each channel, and has all the unwanted code has been removed.

It demonstrates how to obtain multichannel ability, (it is possible to add more channels).

Enjoy finding simple solutions to often very difficult problems...

Bazza...

This is a(n) LED style "VU" meter in the vertical plane instead of the horizontal one in the recipe below:-

http://code.activestate.com/recipes/577612-seven-bit-colored-analogue-bar-graph-generator-dem/?in=lang-python

It is another "AT A GLANCE" display with an overload error beep too.

This is for Linux only and tested on Python 2.6.x although it should work on earlier 2.x.x versions.

A Python 3.x.x version can be found here:-

http://www.linuxformat.com/forums/viewtopic.php?t=13637

This is issued as Public Domain and you may do with it as you please.

Enjoy finding simple solutions to often very difficult problems...

think we all agree that the parallax effect is pretty awesome and can get you that WOW factor when someone visits your website. So, I thought i would show you a live jQuery parallax example. In this tutorial i will explain in detail how to create your own parallax background effect using jQuery to manage the animation aspects of the banner.