Dweets awesomed by u/tinfoilboy

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

nystrand

function u(t) {

for(c.width|=j=0;j<40;j++)for(i=0;i<45;i++)r=j*30+C(t+j&t)*S(i+t)*(j%2&i|t),x.lineTo(C(w=t+i/7)*r+1e3,S(w)*r+r);x.fill('evenodd')

Dec 26 2017 11:24 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/sigveseb

very nice!
u/Xen

love it, i had to remix! #3695

show FPS hide FPS share fullscreen

cantelope

function u(t) {

x.fillRect(0,0,w,w),P.map(v=>{v.p*=v.x<1?-2:.98,x.clearRect(v.x+=v.p--,v.y,20,9)})};{P=Array(w=2e3).fill``.map((v,i)=>v={x:i%w,y:i*9%w,p:0})

Nov 4 2017 6:12 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

cagr30

function u(t) {

tt=500*t;s=100;a=tt%1920;q=t;y=tt%1080;r=s*S(t);x.fillStyle=R(S(q*t)*255,S(2*q*t)*255,S(3*q*t)*255);x.fillRect(0+a,0+y,s-r,s-r)

Aug 1 2017 3:57 PM UTC

}// 128/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

Xen

remix of d/2982 by u/New_Core

function u(t) {

for(c.width|=i=40;i--;x.fill())i%2>0?a=500:a=0,x.fillStyle=`hsla(${i*9},99%,50%,.4`,x.lineTo(999+a*S(i*.698+t),i>20?a:-a+999)

Jul 31 2017 10:48 PM UTC

}// 125/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

mxfh

remix of d/2759 by u/magna

function u(t) {

x.globalCompositeOperation='source-out';s=2**.5;H=500;d=(S(t/3)+1)/2*H;w=H-d;x.beginPath();x.arc(C(t)*d+H*2,S(t)*d+H,w,0,7);x.fill()

May 23 2017 9:06 PM UTC

}// 132/140

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

u/magna

Whoa! I had no idea about the potential effect of "source-out"...
u/mxfh

me neither ;)
u/mxfh

#arc #compositing
u/mxfh

#tunnel
u/rafroller

#moire #moiré

show FPS hide FPS share fullscreen

mxfh

remix of d/2719 by u/keithclark

function u(t) {

for(c.width|=a=50;--a;x.arc(960+S(G+t)*400,520+C(t+G*3)*400,a%25*70,0,6.2832))x.moveTo(G=a/25|0,0)
x.fill('evenodd')

May 15 2017 1:17 PM UTC

}// 116/140

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

single fill draw call with fill-rule and arbitrary computation in moveTo

u/mxfh

#arc #fillrule

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(c.width^=0,x.globalCompositeOperation='xor',a=50;--a;x.arc(960+S(G+t)*400,520+C(t+G*3)*400,a%25*70,0,7),x.beginPath(x.fill()))G=a/25|0

May 11 2017 12:16 AM UTC

}// 138/140

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

u/donbright

for slower machines... for(c.width=320,x.globalCompositeOperation='xor',a=50;--a;x.arc(160+S(G+t)*99,100+C(t+G*3)*99,a%25*20,0,7),x.beginPath(x.fill()))G=a/25|0

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?r=c.offsetWidth/1920:_=x.font='3in a',x.fillText('smudge',500,680),c.onmousemove=e=>x.drawImage(c,e.x/r,e.y/r,f=50,f,_.x/r,_.y/r,f,f,_=e)

May 10 2017 4:49 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/katkip

Not really
u/Jezza

#interactive

show FPS hide FPS share fullscreen

rileyjshaw

remix of d/2608 by u/rileyjshaw

function u(t) {

c.width|=0
for(i=-9;i++<99;x.globalCompositeOperation='xor')x.fillRect(i*30,0,S(t/3)*99,2e3)
while(i--)x.fillRect(0,i*15-99,2e3,C(t/5)*40)

Apr 26 2017 8:59 PM UTC

}// 138/140

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

Looks nice with themes, eg:

u/rileyjshaw

c.style.background='#000';x.fillStyle='#080'

show FPS hide FPS share fullscreen

mxfh

function u(t) {

c.width|=o=w=800
x.font="9em Trebuchet MS";[v=S(t)*7,70,78+v/3,49-v,74,42,75].forEach((v,i)=>x.fillText("kerning"[i],o+=v,w))

Apr 5 2017 9:44 AM UTC

}// 125/140

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

#text #kerning

dwitter.net | tinfoilboy (5528)