pouët.net

browser demo effect

category: general [glöplog]
BB Image
added on the 2006-10-22 01:03:18 by mrdoob mrdoob
Modified (vertical) version (just playing with the code).. sorry p01 :P

Code: javascript:L=document.images[0];b='';for(y=0;y<L.height;y+=2)b+='<tt style="position:relative;display:block;margin:-2px 0px;overflow:hidden;width:'+ L.width+'px;height:4px;background:url('+L.getAttribute('src')+') 0px -'+y+'px no-repeat;"></tt>';L.parentNode.innerHTML=b; T=document.getElementsByTagName('tt');t=setInterval(" document.body.style.backgroundPosition=-++t*8+'px -'+Math.abs(42*Math.cos(t/3))+'px'; for(i=0;i<T.length;i++)T[i].style.top=12*Math.cos(t/3+i/17)",20);void(0 )
added on the 2006-10-22 01:14:21 by mrdoob mrdoob
Sweet and no problem.
added on the 2006-10-22 01:23:39 by p01 p01
Code: javascript:i =0;HB = document.getElementsByTagName("table");f unction FX(){RN= Math.floor((Math.random()*HB.length)); HB[RN].style.position= 'relative';HB[RN].style.top = Math.random()*12-6; HB[RN].style.left = Math.random()*12-6} setInterval('FX()',5); void(0)


Some other modification.. this is rather useful to annoy unsuspecting BBS users.
added on the 2006-10-22 01:39:35 by Stelthzje Stelthzje

That Tech Tech is very nice. Pouet should have that by default. It would also weed out users with weak (undemoable) computers.
added on the 2006-10-22 01:41:40 by Stelthzje Stelthzje
not too sure about that one :P
added on the 2006-10-22 02:44:35 by mrdoob mrdoob
copper me beautiful
Code:javascript:L=document.images[0]; O=L.offsetTop;L.style.position='relative'; L.style.zIndex=(h=L.height>>1); d=new Date().valueOf(); P=L.parentNode;for(i=0;i<8;i++ )P.innerHTML+='<div style="position:absolute; left:0;border:2px '+ (k='rgb('+ Math.round( 128+127*Math.cos(d-4 )) +','+ Math.round(128+127*Math.cos(d-2)) +','+ Math.round(128+127*Math.cos(d+=.2)) +')') +' outset;border-width:2px 0; width:100%;height:8px; background:'+k +'"></div>'; H=P.getElementsByTagName('div'); t=setInterval(' t+=.05;for(i=0;i<H.length;i++){ a=t+i/3;H[i].style.top=(O+h*(1+1.1*Math.sin(a)))+"px"; H[i].style.height= Math.round((H[i].style.zIndex=Math.round( h*(1+Math.cos(a) )))/16+4) +"px"}',20);void(0)
added on the 2006-10-22 04:16:10 by p01 p01
LOL! I was thinking about doing something like that too :)
added on the 2006-10-22 04:37:50 by mrdoob mrdoob
thats cool :D
added on the 2006-10-22 23:46:00 by Sylwek32 Sylwek32
btw: How to activate these effects quickly:

1) highlight code with mouse
2) Press CTRL+CLV and then enter..

added on the 2006-10-23 00:05:36 by Stelthzje Stelthzje
Oh, I think that is firefox only ..

added on the 2006-10-23 00:06:23 by Stelthzje Stelthzje
what's CLV?
added on the 2006-10-23 00:10:50 by mrdoob mrdoob
Trace nice ripple effect with the pouet logo dude
added on the 2006-10-23 00:14:09 by Mike 3D Mike 3D
It's p01's code :)
added on the 2006-10-23 00:14:51 by mrdoob mrdoob
Sorry man ejoying myself too much I was thrown off, p01's
no hard feelings none taken?
added on the 2006-10-23 00:17:47 by Mike 3D Mike 3D
CTRL+CLV = Press CTRL+c,CTRL+l,CTRL+v one after another..

added on the 2006-10-23 00:20:06 by Stelthzje Stelthzje
This thead is better then "origins of the pig"!
BB ImageBB ImageBB ImageBB ImageBB Image
added on the 2006-10-23 01:54:04 by LiraNuna LiraNuna
Doesn't work on IE7.
added on the 2006-10-23 02:58:29 by xernobyl xernobyl
...there could be a compo of this things in a demoparty ;)
added on the 2006-10-23 03:02:01 by xernobyl xernobyl
has somebody already made this in qbasic ?^^
added on the 2006-10-23 07:42:48 by Sylwek32 Sylwek32
Stelthz: in Opera, highlight, press Ctrl+CLB

Mike3D: no hard feeling and being based on my code ( on the previous page ) it looks quite different

xernobyl: there's a browser demo compo at Assembly, but those favelet effects are more like 256b or 512b intros. That could be a nice alternative/fast compo at a party.
added on the 2006-10-23 09:11:56 by p01 p01
Next one:
Quote:
javascript:S=l='';h=document;b=h.body;function C(){for(i=0;i<l;i++){T=R[i].style;p=parseInt(T.left);T.left=(p<1)?p+l*30+999:p-5;T.top=100+Math.sin(p/100)*100}}O=h.getElementsByTagName('a')[0];while(O.tagName!='BR'){O=O.nextSibling;S+=(O.nodeType<2)?O.innerHTML:O.nodeValue}l=S.length;R=new Array(l);for(i=0;i<l;i++){d=h.createElement('div');N=d.style;d.innerHTML=S.charAt(i);N.position='absolute';N.fontSize=30;N.left=i*30+999;R[i]=d;b.insertBefore(d,b.firstChild)}setInterval('C()',9);void(0);

Dunno whose idea it was to implement that effect like this (string=>div[]) in the first place.
added on the 2006-10-24 12:47:42 by jxn jxn
Doesn't seem to work under FireFox...
added on the 2006-10-24 13:06:09 by LiraNuna LiraNuna
Tried it on Firefox, Safari and Opera. Doesn't work. Is this a IE only thing again? :(
added on the 2006-10-24 13:21:56 by mrdoob mrdoob

login