'Plasma' in HTML
category: general [glöplog]
plasma.html
'Plasma Colours' in HTML, no Java, Javascript, Flash or anything, (not even properly formatted HTML).
Just an animated background with an animated foreground. Stand back from the screen a few feet for the best viewing angle.
It's still quite crude, just a 'proof of concept' really. It fairly 'chugs' on a slow graphics card. There are a number of ways it could be optimised like:
1-It would make sense to put the titles in their own frames rather than drawing the animated backdrop under the entire page.
2-With a better tool than the one I'm using, the AnimGIF's would be a fraction of their current size.
Also, the transparency/interference effect would be much more effective if I designed the titles from scratch in 1:1 rather than scaling the 2:1 graphics I prepared an Amiga prod.
With a couple of lines of javascript it could be much more like a proper 'Plasma effect'
Instead of showing frame one of the background anim across the entire width, it would display a different frame on each horizontal section, so the colour transitions are a little less linear. I could use an LUT to create a sinus effect, but that would add more Kb, which I'm trying to avoid. Also, I can think of more than one way to impliment that basic concept.
my javascript skills are well rusty (to say the least), anyone else want to take a crack at it?
'Plasma Colours' in HTML, no Java, Javascript, Flash or anything, (not even properly formatted HTML).
Just an animated background with an animated foreground. Stand back from the screen a few feet for the best viewing angle.
It's still quite crude, just a 'proof of concept' really. It fairly 'chugs' on a slow graphics card. There are a number of ways it could be optimised like:
1-It would make sense to put the titles in their own frames rather than drawing the animated backdrop under the entire page.
2-With a better tool than the one I'm using, the AnimGIF's would be a fraction of their current size.
Also, the transparency/interference effect would be much more effective if I designed the titles from scratch in 1:1 rather than scaling the 2:1 graphics I prepared an Amiga prod.
With a couple of lines of javascript it could be much more like a proper 'Plasma effect'
Instead of showing frame one of the background anim across the entire width, it would display a different frame on each horizontal section, so the colour transitions are a little less linear. I could use an LUT to create a sinus effect, but that would add more Kb, which I'm trying to avoid. Also, I can think of more than one way to impliment that basic concept.
my javascript skills are well rusty (to say the least), anyone else want to take a crack at it?
very nice, and I'm sure I could find some suitable code to rip. But I'm so busy with other projects. Not to mention lazy. Anyone else want to take a crack at it?
Also, tools for creating AnimGIF's. There are so many to chose from.
Any recommendations? (for winXP)
PersonalPaint (Amiga) seems to give me the best results so far. With filesize at least anyway.
That data was prepared in an old version of AnimationShop (Win) which bloated the end result a surprising amount.
Any recommendations? (for winXP)
PersonalPaint (Amiga) seems to give me the best results so far. With filesize at least anyway.
That data was prepared in an old version of AnimationShop (Win) which bloated the end result a surprising amount.
Optimus: Fuck off!
Have you tried Ulead Gif Animator?
Oh yeah, and grab Trout's GIF Optimizer from somewhere, that can save you a bigol buncho of space if you need to.
o_0
Can't wait for v2.0 in glorious APNG.
Yes, Ulead Gif Animator is great. It only decreased the file size by a few KB, though.
Holy Fart.
wait, this is just a gif?
how is this anything more then a cool premade animation?
how is this anything more then a cool premade animation?
Thats what i was thinking :o
Quote:
no, it's TWO gif's moving (well, the background is moving, the foreground is cycling) asynchronously producing an interesting colour effectwait, this is just a gif?
wel, not in FF 3.5.2.
IE 8 gave me an idea about what it should do, but there's no transparancy.
and now i'm out of browsers
and now i'm out of browsers
copy/paste from the about window of my browser.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.0.13) Gecko/2009073022 Firefox/3.0.13
if you are viewing it in a window <640x480 it won't work at all. due to scaling killing the transparency dithering.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.0.13) Gecko/2009073022 Firefox/3.0.13
if you are viewing it in a window <640x480 it won't work at all. due to scaling killing the transparency dithering.
I mean : <650 x <480
lol another typo. time for bed.
works "perfectly" in Fx 3.5.2 here.
oh, now that i see it... only the font works perfectly in Fx 3.5.2. :P And I'm at 1920x1200...
You should see a couple of words (Pronouns) on a black background.
Oh, and it does work on a smaller screen it seems, quite well. But it all depends on your browser I guess.
Oh, and it does work on a smaller screen it seems, quite well. But it all depends on your browser I guess.
Well, there are the words with a slightly broken background... Also, you use deprecated HTML tag attributes, use CSS instead. :P