Dweets awesomed by u/tbroadley

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 1 remix fullscreen

cantelope

function u(t) {

for(w=(c.width|=i=2e3)/2;i--;x.fillRect(w+(i%1e3-500)/120/(Z=3+C(p))*w,540+S(p)/Z*w,s=250/Z/Z,s))p=i/79.6+C(t/2)*12+(i>1e3?3.1:0);x.stroke()

Oct 28 2017 5:57 AM UTC

}// 140/140

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

doh. left x.stroke() in there by mistake.

u/katkip

#curve

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

t||(W=c.width=600);i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*9+i**3)*12%W))x.fillStyle=R(0,i&&W,0,i?1:.05)

Mar 19 2017 8:18 PM UTC

}// 140/140

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

Welcome to the Matrix!

u/iverjo

#matrix
u/danny@hille.dk

More speed longer trails !t?W=c.width=600:i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*15+i**3)*11%W))x.fillStyle=R(0,i&&W,0,i?1:.03)
u/vain

Beautiful looking remake of the matrix fx

show FPS hide FPS share 2 remixes fullscreen

danielkagan

function u(t) {

a=500,b=Math.PI,d=b/49,e=t%98,f=(q,w)=>a+a*q(w*d),c.width=1920;for(i=99;i--;)x.moveTo(f(S,i),f(C,i)),x.lineTo(f(S,i*e),f(C,i*e));x.stroke();

Mar 18 2017 9:11 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

very cool patterns!
u/donbright

excellent

show FPS hide FPS share fullscreen

mxfh

remix of d/2184 by u/mxfh

function u(t) {

for(w=540,i=W=4*w;i;x.beginPath(),x.arc(W*(T(i)+s*t/3)%W,i?w+w*S(r=s*W):w,i?s*9:W,0,6),x.fillStyle=R(i,i,r%i,i?1:.1),x.fill())s=w/(i--*3+w)

Mar 18 2017 4:36 PM UTC

}// 139/140

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

u/sfz

great idea and execution 💯💯💯
u/donbright

excelllent work
u/iverjo

#parallax #stars
u/mxfh

arc
u/mxfh

#arc

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

t?_[Math.random(B=c.width^=0)*6|0]++:_=[0,0,0,0,0]
x.font='100px O'
_.map((v,i)=>x.fillText('🐌',110+v,$=200+i*179,x.fillRect(0,$-130,B,4)))

Mar 17 2017 10:17 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 more comments…
u/sigveseb

Lol!
u/veubeke

Fun hack: using *6 instead of *5 for the index adds a 6th element containing NaN. The 6th line is visible but not the snail because drawing the snail involves the NaN value.
u/gabrielsroka

neat, but are the snails going backwards?
u/innovati

you're too silly :3
u/tapgiles

What's with the _?
u/veubeke

@gabrielsroka: if you have an emoji font with a snail looking left then they’re going backwards, yes
u/lionleaf

Going backwards on my phone, but forwards on my laptop. This should be part of the snail emoji spec!!
u/veubeke

I’ll bring it up at the next snail emoji consortium meeting.
u/gabrielsroka

lol, they're soooo slow, they're going backwards. and yes, mine look left
u/gabrielsroka

according to http://emojipedia.org/snail/ Apple is in the minority, and Windows 8.1 looks left
u/magna

On my computer, the best snail always wins.
u/ilSilvano

Great idea! :-D
u/iverjo

#random
u/micahcowan

#emoji #snailrace

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 PM UTC

}// 138/140

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

Show more comments…
u/sfz

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

show FPS hide FPS share 2 remixes fullscreen

mxfh

function u(t) {

for(x.drawImage(c,b=n=0,-16),i=w=960;a=C(i/w*4),b=!b,i-->-w;n+=C(t*i*i),x.fillStyle=R(e=b*w,e,e))x.fillRect(i+b+w,a>0?w+a*a*n*2+b*4:w,2,w)

Mar 13 2017 10:35 PM UTC

}// 138/140

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

dwitter Album Cover Art https://blogs.scientificamerican.com/sa-visu… (deleted the prior version)

Show more comments…
u/donbright

wonderful
u/SpecialAgent

Nice homage to a great band :)
u/p01

Super smart implementation! Wish I saw it before I did https://www.dwitter.net/d/2958
u/zanella

I saw i--> and thought it was a new JS operator. :)
u/lionleaf

#album #album_cover
u/mxfh

#unknownpleasures #joydivision
u/rodrigo.siqueira

Here is the original Ph.D. dissertation page where this were published: https://twitter.com/ChristiansenJen/status/1…

show FPS hide FPS share fullscreen

codeslaw

function u(t) {

for(c.width|=0,i=6;i<10;i++){for(e=0;e<352;++e){
x.arc(e*7-400,S(e/194)*i*130-300,99+C((e-t*35)/i)*C(e/10)*20,7,0)}x.stroke();x.beginPath()}

Mar 12 2017 10:05 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/recursive

Lumpy intestines?
u/codeslaw

Aren't we all? :D

show FPS hide FPS share fullscreen

hypothete

function u(t) {

j=t*t%256;l=1920;m=1080;z=new Date;for(i=0;i<j;i++){
b=(i%j)*l/j;y=z*S(t+i);
x.fillStyle=R(y,y);x.fillRect(b,0,l/j,10);}
x.drawImage(c,0,10)

Mar 12 2017 8:08 AM UTC

}// 140/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=400;i--;T=((1+S(t))/2)**3,x.fillRect(490-(S(X*T)*500-500)*T,540+C(X)*500,S(X*T)*1000*T+1000*(1-T),10))X=i%400/128

Mar 11 2017 11:25 PM UTC

}// 130/140

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

u/recursive

Has the character of a viscous fluid somehow.

dwitter.net | tbroadley (3904)