Dweets awesomed by u/erin

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: #Food

show FPS hide FPS share fullscreen

erin

remix of d/21083 by u/erin

function u(t) {

c.style.filter="blur(10px)brightness(.85)contrast(90)"
x.globalAlpha=0.1
for(i=0;i<c.width/50;i++)
x.fillRect(i*50,540+T(t+i/5)*150,40,40)

Jan 3 2021 11:57 PM UTC

}// 138/140

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

virus

u/erin

#fill

show FPS hide FPS share fullscreen

Pascal

function u(t) {

setStatsVisibility(true);document.querySelector("#stats canvas").style="width:570px;height:320px;filter:contrast(99)"

Jan 2 2021 12:15 AM UTC

}// 117/140

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

fps check

u/erin

lolllll this is insane

show FPS hide FPS share fullscreen

Pascal

remix of d/21092 by u/Pascal

function u(t) {

c.style.filter="blur(25px)contrast(99)";c.width|=0;x.arc(960,540,250,t*9+S(5*t),t*9+S(5*t+2)+3);x.fill(x.lineTo(960,540))

Jan 1 2021 9:41 PM UTC

}// 121/140

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

metaball #loading #spinner

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;
x.font='21cm"'
x[z="fillText"]("202",150,810)
t=frame/t+3.14/2;
x[z]("0",1340,810+T(-t)*200)
x[z]("1",1340,810+T(-t+3.14/2)*200)

Jan 1 2021 11:21 AM UTC

}// 140/140

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

happy new year

show FPS hide FPS share fullscreen

Pascal

remix of d/21092 by u/Pascal

function u(t) {

t/=3;c.width|=p=Math.PI;for(i=56;i--;)x.beginPath(),x.lineWidth=10,x.arc(960,540,20*i,i*t+t*8+S(5*t),i*t+t*8+S(5*t+2)+2),x.stroke()

Dec 31 2020 6:09 PM UTC

}// 131/140

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

#hypnotize #spinner

show FPS hide FPS share fullscreen

erin

remix of d/21083 by u/erin

function u(t) {

c.width=1920
for(i=0;i<6;i++)
x.fillRect(c.width/2 + C(t+i)*500, c.height/2 + S(t+i)*500, 20, 20)

Dec 31 2020 12:24 AM UTC

}// 97/140

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

hexagons

u/erin

this is a reeally shitty hexagon, lets be real

show FPS hide FPS share 3 remixes fullscreen

erin

function u(t) {

c.width=1920
for(i=0;i<c.width/50;i++)
x.fillRect(i*50, c.height/2 + S(t+i)*50, 20, 20) // draw 50x200 rects

Dec 31 2020 12:06 AM UTC

}// 108/140

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

my first dweet.

u/erin

this is fun :)
u/erin

just wanted to do a sin wave. modified the default
u/lionleaf

Welcome!
u/erin

thanks!
u/Xen

welcome to the dwitter family!

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚐊𨰮𭱩𩁴𪁼🐱𒡰👸𛡣𬡥𨑴𩑐𨑴𭁥𬡮𚁤𫱣𭑭𩑮𭀮𬑵𩑲𮑓𩑬𩑣𭁯𬡁𫁬𚀧𨱡𫡶𨑳𙰩𦰱𧐬𙰧𚐊𮀮𩡩𫁬𤱴𮑬𩐽𬀊𮀮𬱨𨑤𫱷𠡬𭑲🐱𜀰𒡸𛡳𪁡𩁯𭱃𫱬𫱲👒𚀰𚐊𮀮𨑲𨰨𞐶𜀬𝐴𜀬𜰳𜰫𤰨𭀩𚠱𜀰𛀰𛀹𚐊𮀮𩡩𫁬𚀩`.replace(/u../g,'')))

Nov 20 2020 5:02 PM UTC

}// 128/140

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

What lies behind the canvas

u/Xen

cool idea
u/ciaccodavide

Thanks :)
u/danny@hille.dk

nice trick
u/DataMeta

#fourthwall

show FPS hide FPS share fullscreen

femto113

function u(t) {

c.width=1920
X=960,Y=540,P=Math.PI,N=t/P%32,p=P/N
for(i=0;i<P;i+=p)x.fillRect(X+Y*(S(i+P)-S(i))/2*S(t+i),Y+Y*(C(i+P)-C(i))/2*S(t+i),19,19)

Nov 14 2020 8:31 AM UTC

}// 138/140

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

linear motion rolling circle illusion

u/katkip

#illusion
u/DataMeta

nicely done
u/pavel

If you delete c.width=1920 you can see only the first dot move linearly
u/femto113

curves are a side effect of changing N with t, if you use a fixed value like N=16 you get straight lines

show FPS hide FPS share fullscreen

yonatan

function u(t) {

for(i=c.width|=u=v=0;i--;)x.fillRect(960+u*2,540+v,99,9),u+=b=S(m=i/99*S(i*i/1e6+t)),v+=a=C(m),x.fillStyle=`hsl(${q=a*b*50} 50%${q+50}%`

Nov 12 2020 10:26 PM UTC

}// 136/140

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

u/donbright

really clean, smooth

dwitter.net | erin (4800)