Dweets awesomed by u/recursive

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

sortie

function u(t) {

eval(c.id+=String.fromCharCode((Q="㬻籴硼琮慲獮慬整㤨〶㔬〴㬩⹸潦瑮✽攵⁭❁栻ㄽ㜲㔮砻昮汩卬祴敬刽䌨琨⨩⭨ⱨ⡓⨵⥴株栫匬㌨琪⨩⭨⥨砻昮汩呬硥⡴⹣摩㌬〰匪㌨琪Ⱙ㔲⨰⡃⨷⥴㬩⹸潲慴整ㄨⵅ⤲⼯".charCodeAt(t*60))%256,Q>>8))

Mar 2 2017 10:03 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

I'd like to announce the dwitter character limit has been increased to 146 characters.

Show more comments…
u/iverjo

Details please?
u/sigveseb

kinda dangerous though, you might run into a partial dweet that forces an endless loop
u/sortie

We're restricted to 140 unicode characters, not 140 bytes. I exploited UTF-16 to encode two ascii values per UTF-16 codepoint. Since the overhead is less than 70 bytes, I can exceed the 140 ascii char limit. The characters 㬻 and ⼯ are fun exercises for the reader.
u/sortie

The decoder is quite golfed and exploits some fun facts. The payload itself is a quine exploiting decoder side effects.
u/sortie

sigveseb, admittedly I didn't think of that case. Partial dweet initial loops are easily fixed wrapping the payload in {} (or any other syntax error) at the cost of 1.5 codepoints (㬻 has one free byte).
u/donbright

wow!

show FPS hide FPS share fullscreen

quidnovum

remix of d/888 by u/jczimm

function u(t) {

c.width^=0;d=0.15;r=4;for(i=-r;i<r;i+=d)for(j=-r;j<r;j+=d){a=[i,j,C(i+t)+S(j+t)];x.fillRect(960+150*(C(0)*a[0]+S(t)*a[1]),540-150*a[2],7,7)}

Mar 2 2017 7:09 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/sfz

such a cool effect!

show FPS hide FPS share 2 remixes fullscreen

Run

function u(t) {

c.width*=1;
for(i=0;i<1550;i++){
x.fillRect(X=i+S(t+i)*300,400+200*C(t+i)+200*S(X/300+t),50,50);x.fillStyle=`hsl(`+(X/7+t*30)+`,80%,50%)`;}

Mar 2 2017 6:42 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

More of the tubes of the internet.

u/sfz

shwank

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6:29 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

Run

function u(t) {

c.width*=1;
for(i=0;i<32;i++){
x.fillRect(X=-400+i*100+S(t+i)*300, 400 + 90*C(t+i), 50, 200);
x.fillStyle=`hsl(`+(X/20+t*20)+`,80%,50%)`;
}

Mar 2 2017 5:51 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#bartjs

show FPS hide FPS share 1 remix fullscreen

aib

function u(t) {

for(X=96;X--;){for(Y=54;Y--;){p=(c)=>127+127*(Math.sin((X^Y)+t/c*300));x.fillStyle = R(p(67),p(71),p(61));x.fillRect(X*20, Y*20, 20, 20);}}

Mar 2 2017 5:22 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width^=0,i=3e3;i--;y=S((z+z+i<<-9)+t),x.fillRect(980+300*y+y*z*z*99,520+z*500,20+y*y*100,9))z=S(t+i<<-9)

Mar 2 2017 1:35 PM UTC

}// 110/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

recursive

function u(t) {

t*=256
for(X=120;X--;)
for(Y=68;Y--;x.fillRect(X<<4,Y<<4,16,16))a=Math.atan2(Y-34,X-60)*326,x.fillStyle=R(a+t&255,a-t&255,(X*X+Y*Y)*5-t&255)

Mar 1 2017 10:33 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/sigveseb

nice!
u/iverjo

This looks like a combination of 2-3 effects. I'm impressed!

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/1689 by u/FireFly

function u(t) {

for(s='0',i=6;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['+1-0-1+','-0+1+0-'][i]);c<2?x.translate(18,0,x.fillRect(0,0,18,3)):x.rotate(c+60/57.3)

Mar 1 2017 5:45 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

L-system visualizer. Sierpiński arrowhead curve

u/donbright

brilliant.... any description of how it works?
u/donbright

n/m i see you explain it in 1688, thanks!
u/tomkh

haha... using translate/rotate is a cool hack! reminds me of LOGO turtle
u/FireFly

Hehe, it's handy to offload the job of keeping track of the turtle to the canvas.
u/katkip

#fractal

dwitter.net | recursive (8141)