|
JS Kefrens Bars 256b by Clash
[nfo]
|
||||||||
|---|---|---|---|---|---|---|---|---|
|
|
|||||||
|
popularity : 60% |
|||||||
alltime top: #5928 |
|
|||||||
|
||||||||
added on the 2007-05-19 03:51:58 by Skate  |
||||||||
popularity helper
comments
niceee..
rulez added on the 2007-05-19 05:09:34 by GnoStiC 
It moves :)
Yea, very cool. I watched all 256B jscript intros, but I've just realized I remember a few of them. This one is really nice. Only the name is bad! - what will be next - "DOS Tunnel 256B" or "Windows Cool Textures And Spheres Demo"?
Nice
Cool
Too bad the background isn't black. It sort of ruin the visual :\
Using the same image I managed to squeeze the fx ( it's flickering a bit in Opera, but perfectly fine in FF and IE ) into 244b and have a black background. Using another image I'm 2 bytes over the limit. Even when trimming the GIF.
Too bad position:fixed; is so slow/buggy in most browsers. It could really help for JS byte-tros.
Nice and dirty trick with the trimming of the GIF ;)
Using the same image I managed to squeeze the fx ( it's flickering a bit in Opera, but perfectly fine in FF and IE ) into 244b and have a black background. Using another image I'm 2 bytes over the limit. Even when trimming the GIF.
Too bad position:fixed; is so slow/buggy in most browsers. It could really help for JS byte-tros.
Nice and dirty trick with the trimming of the GIF ;)
cool :)
crap
Another option, is to get rid of the image and use a tag with a background color + left/right borders. It's not difficult to fit that and a black bg in 256b.
for the intro, but 
for the browser of choice.So pig it is!
nice. @ nitro2k01 what's wrong with FF2.x?
cxt: I was referring to the screenshot. If that's really FF2.x he deserves a thumbdown for styling it like IE.
@pirx: as you may remember, I recently used "kle$100" like names which were more original than "JS Kefrens Bars 256b" :) But when I uploaded this one, it was very very late (5:00am or so) and I was very sleepy. Next time I'll wait for the morning and name my products better, I promise ;)
@p01: I like your 256b js effects. Nice to hear that you could find more optimizations. I gave up trying when I reached 256b limit :)
@tmb: believe or not, I agree with you. not only this product, JS is totally crap (for demo programming). But I like it somehow :)
@nitro2k01: At my home PC, it works faster and smoother on IE. This is why I put IE in the screenshot. It's my personal recommendation. Of course you can always hate Microsoft. I'm not against that :)
p.s: I'm using IE 7.0 and FF 2.0.3.
@p01: I like your 256b js effects. Nice to hear that you could find more optimizations. I gave up trying when I reached 256b limit :)
@tmb: believe or not, I agree with you. not only this product, JS is totally crap (for demo programming). But I like it somehow :)
@nitro2k01: At my home PC, it works faster and smoother on IE. This is why I put IE in the screenshot. It's my personal recommendation. Of course you can always hate Microsoft. I'm not against that :)
p.s: I'm using IE 7.0 and FF 2.0.3.
For the record: It works with FF 1.5 too.
For me it works about equally fast on Opera and IE6, but slightly slower on FF2. But not everybody can like Opera I guess.
I'lll give you your thumb if you promise to at least try Opera 9 out.
I'lll give you your thumb if you promise to at least try Opera 9 out.
whats the big idea, c64 can do this with hands down.
Skate:Thanks.
Sure JS, and web standards in general, have lots of limitations making it non trivial to do demo coding. But it's a fun challenge.
The version I mentionned above( 210b of JS/html + XXb for the image ) :
The no image version ( 256b of JS/html ) :
/!\ pouët's comment parser, introduces undesired whitespaces, line breaks and badly split html entities breaking the code.
Sure JS, and web standards in general, have lots of limitations making it non trivial to do demo coding. But it's a fun challenge.
The version I mentionned above( 210b of JS/html + XXb for the image ) :
Code:
<body bgColor=0 id=B><script>setInterval("b='';i=90;S=Math.sin;while(i--)b+='<img src=i style=position:absolute;width:6%;bottom:0;height:'+i+'%;left:'+(46+32*S(A+=88)*S(A+i/6))+'%>';B.innerHTML=b",A=9)</script>The no image version ( 256b of JS/html ) :
Code:
<body bgColor=0 id=B><script>setInterval("b='';i=90;S=Math.sin;while(--i)b+='<p style=\"position:absolute;background:red;border:outset red;width:6%;bottom:0;border-width:0 9;height:'+i+'%;left:'+(47+36*S(A+=88)*S(A+i/6))+'%\">';B.innerHTML=b",A=9)</script>/!\ pouët's comment parser, introduces undesired whitespaces, line breaks and badly split html entities breaking the code.
nice effect
Alcatraz bars not kefrens ;)
Metalwar bars :)
Kefrensbars are always nice
@p01: thanks for ruining my product's page ;)
I tried your codes and both of them have some nice and smart solutions. But using percentage size looks awful in full screen. btw, if you use black background, you can simple gain 1 byte by initializing "b" variable like b=0 instead of b=''. "0" will be invisible right? :)
I tried your codes and both of them have some nice and smart solutions. But using percentage size looks awful in full screen. btw, if you use black background, you can simple gain 1 byte by initializing "b" variable like b=0 instead of b=''. "0" will be invisible right? :)
Sorry. FWIW the page is only ruined in IE :p
Good catch with the b=0. Going one step further leads to b=i=90 which allows to use a 49 bytes image \o/
Good catch with the b=0. Going one step further leads to b=i=90 which allows to use a 49 bytes image \o/
pretty
cool
This is misnamed, these are Alcatraz bars or, as "I am going to change my nick regularly" says, Metalwar bars. It is nice.
cool indeed
good for 256 bytes
hentai
(the bonus one is better)
(the bonus one is better)
Super cool, bro, keep it up.
rocks
cool
to me, they're js bars only :)
heh sk8
Nice
Nice
Pretty sweet :-)
I haven't been able to find much about kefrens or alcatraz bars and I'm trying to recreate them in a rasterizer demo. Anybody has some good info about them? I've tried to create them from the scripts in the replies but it works differently since I have to fill a buffer which is buffer[ x+y*pitch]; and just can't get it right. Any help would be appreciated.
I haven't been able to find much about kefrens or alcatraz bars and I'm trying to recreate them in a rasterizer demo. Anybody has some good info about them? I've tried to create them from the scripts in the replies but it works differently since I have to fill a buffer which is buffer[ x+y*pitch]; and just can't get it right. Any help would be appreciated.
Uhmm... simulating kefratraz bars in a chunky buffer is really, really basic stuff...
for( bar=0; bar<number_of_bars; bar++ )
{
for( count=bar*bar_gap; count<displayheight; count++ )
{
for( x=0; x<barwidth; x++ )
{
buffer[count*pitch+x+barxpos[bar]] = barimage[x];
}
}
}
where:
bar_gap is the gap between the bars at the top
barxpos[] is your calculated wave function
barimage[] is the barwidth x 1 bar image
for( bar=0; bar<number_of_bars; bar++ )
{
for( count=bar*bar_gap; count<displayheight; count++ )
{
for( x=0; x<barwidth; x++ )
{
buffer[count*pitch+x+barxpos[bar]] = barimage[x];
}
}
}
where:
bar_gap is the gap between the bars at the top
barxpos[] is your calculated wave function
barimage[] is the barwidth x 1 bar image
nice
Ah right, I was doing it way too complicated, many thanks xeron.
Good for the size.
submit changes
if this prod is a fake, some info is false or the download link is broken,
do not post about it in the comments, it will get lost.
instead, click here !