Dweets awesomed by u/mohd-akram

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

Ben

function u(t) {

c.width=2e3;for(i=0;i<20;i++){x.fillStyle=R(255*S(t),255*S(i/10),255*C(i/10),1);x.fillRect(i*100,5e2+S(1*t+100*i)*1e2,40,200*S(5*t+100*i))}

Dec 31 2017 1:14 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 1 remix fullscreen

ben

function u(t) {

x.fillStyle='#47f'
x.fillRect(0,0,w=2e3,w)
for(i=1e4,x.fillStyle='#fff';i--;)x.fillRect((S(i*i)*w*w)%w,w-(b=(t*i/9+S(i)**2*w)%w),b/=99,b)

Dec 31 2017 9:27 AM UTC

}// 137/140

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

bubbly

show FPS hide FPS share fullscreen

logomach

function u(t) {

c.width=2e3;for(i=20;i--;){for(j=10;j--;)x.fillStyle=R(i*20,j*25,10),x.fillRect(960+S(t-i-j*.05)*400,540+S(t+i-j*.05)*200,10,10)}

Dec 31 2017 7:30 AM UTC

}// 129/140

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

u/Bugsy

Can remove the brackets from the first “for” and save 2 characters
u/Bugsy

Can also replace the “*.05”s with “/20” to save 2 more

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

t||x.translate(980,540)
c.style.background=R(x.fillStyle='#fff',++t<4&&x.drawImage(c,~x.fillText(0,~x.scale(s=1+C(t)/20,s),0),~x.rotate(t)))

Dec 31 2017 7:03 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 more comments…
u/Flopster

Wow! Too bad it doesn't reset, but this looks incredible!
u/rikardlindstrom

Thanks! All I could fit in 140 characters. Happy to hear suggestions how to squeeze it further though!
u/magna

Amazing!
u/iverjo

Kudos
u/sigveseb

So pretty!
u/tqdwqwd

qwd
u/meesh

Wow!
u/iverjo

#galaxy
u/lionleaf

#space #stars

show FPS hide FPS share fullscreen

doof

remix of d/3899 by u/doof

function u(t) {

c.width^=0
x.beginPath(x.translate(960,540))
for(i=t/Math.PI/2;i-->-1;x.rotate(t),x.arc(S(t)*200,0,300,0,7))x.lineTo(0,0);
x.fill('evenodd')

Dec 31 2017 6:52 AM UTC

}// 140/140

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

finally got what i originally wanted d/3899 to be -- the lineTo(0,0) takes care of the evenodd artifacts, and the addition of more circles is timed with the contractions. i'll stop with the circles now, i promise. :P

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

t||(c.outerHTML='<marquee>Blast from the past :)')

Dec 31 2017 3:16 AM UTC

}// 50/140

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

Marquees used to be the bees knees

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

x.fillStyle=R(w=(r=2e3*Math.random(x.font='5em A')|0)%2,w*r,0,.1+w);w?x.fillText('茶骨璧'[r%3],r,99):x.fillRect(0,0,r*9,r);x.drawImage(c,0,99)

Dec 31 2017 2:34 AM UTC

}// 140/140

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

enter the matrix!

u/sigveseb

#matrix #rain

show FPS hide FPS share fullscreen

logomach

function u(t) {

c.width=2e3;for(i=20;i--;){x.fillStyle=R(i*19,75,70);x.fillRect(0,i*54,1920,54)}x.font='100px Arial';x.fillText('Ａ　Ｅ　Ｓ　Ｔ　Ｈ　Ｅ　Ｔ　Ｉ　Ｃ',150,600)

Dec 31 2017 1:01 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 1 remix fullscreen

wclang

function u(t) {

a=900;c.width=a;for(i=0;i<a;i=i+8){x.beginPath();x.arc(8*t,a/3,i,0,a);x.stroke();x.beginPath();x.moveTo(i,0);x.lineTo(i,a);x.stroke();}

Dec 31 2017 12:44 AM UTC

}// 135/140

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

Moire patterns

u/quuxman

nice, remix d/4950

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/4874 by u/veubeke

function u(t) {

s=1/(t+1)
c.width=1920*s
x.rotate(Math.PI/4)
x.scale(s*60,s*60)
for(a=36;a--;)
 for(b=36;b--;)
  a+b&1||x.fillRect(a,b-23,1,1)

Dec 30 2017 9:03 PM UTC

}// 126/140

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

u/iverjo

Nice demonstration of aliasing

dwitter.net | mohd-akram (6754)