Dwitter - javascript demos in 140 characters

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

LokiLaufeyson4ever

function u(t) {

May 6 2022 1:29 PM UTC

}// 0/140

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

New to Dwitter. Don't exactly know how this works. LOL

u/CaptainMeat

Welcome I have found the best way to figure out and learn how to make dwitter animations is to start by remixing other post

show FPS hide FPS share 2 remixes fullscreen

CaptainMeat

remix of d/25434 by u/CaptainMeat

function u(t) {

x.globalCompositeOperation="xor"
for(i=0;i<1920;i++){x.fillRect(i|t,(i/t)|0,25,25);x.fillRect(i^t,(i*t)|0,25,25);}

May 7 2022 8:32 AM UTC

}// 114/140

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

im obsessed with this effect

show FPS hide FPS share fullscreen

New_Core

remix of d/25411 by u/Ghoust

function u(t) {

for(i=1080;i--;)x.fillStyle=i%(50*S(t/3)+55)<20*S(t)?"#f0f":"#005",x.fillRect(956,i,8,1)
x.drawImage(c,-60,0,1920+120,1080)

May 3 2022 10:03 PM UTC

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

brainjam

function u(t) {

t?0:y=Array(1920).fill(0);
y[0]=1;
c.width=1920;
for(i=1;i<1920;i++){
  y[i]= (y[i]+y[i-1])%1024;
  x.fillRect(i,1070-y[i],10,10) 
}

May 7 2022 1:43 AM UTC

}// 132/140

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

You can hear this waveform at https://codepen.io/brainjam/pen/OrGZbr

u/CaptainMeat

my ears

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

t<1?a=[0,0,4,9]:0
for(j=99;j--;)for(i=2;i--;){a[i]<0||a[i]>999?a[i+2]*=-1:x.fillStyle=R(S(t)*99+99)
a[i]+=a[i+2]
x.fillRect(a[0],a[1],9,9)}

May 4 2022 2:26 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

CaptainMeat

remix of d/3100 by u/New_Core

function u(t) {

c.width|=0;for(i=130;i--;)x.ellipse(960,540,i*4,150*S(t+i/50)+150,2*S(t/4)+i*2.1,t,7+t);x.fill()

May 3 2022 2:34 PM UTC

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

tactical_retard

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍩󟝳󟜲󩜳󞽩󛜭󞽳󭍲󫽫󩜨󚜩󠜽󠼨󬜽󪜩󚭳󛍂󟝓󚍱󚜪󬼬󨜽󠼨󬌽󪜪󚭴󚜪󬼬󨬽󤼨󬌩󚭳󛍢󩝧󪝮󤍡󭍨󚍳󭍲󫽫󩝓󭍹󫍥󟝒󚍓󚍤󟝍󨝴󪌮󪍹󬍯󭌨󚍁󚽡󚜯󜬬󚍂󚽢󚜯󜬩󛼹󚜯󩌪󜽥󜼬󜌬󜌬󛬰󝜩󚜬󫝯󭭥󥍯󚍁󚼹󝬰󛍂󚼵󝌰󚜬󫍩󫭥󥍯󚍡󚼹󝬰󛍢󚼵󝌰󚜻`.replace(/u../g,'')))

May 2 2022 7:41 PM UTC

}// 138/140

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

Point

u/tactical_retard

It takes two random points on a circle, gets the mid point between them, then draws the line connecting them with a color based on the X and Y of the mid point.
u/tactical_retard

c.style.filter="brightness(3";with(x)for(i=s=2e3;i--;stroke())A=C(i)*s,B=S(i)*s,a=C(p=i**t)*s,b=S(p)*s,beginPath(strokeStyle=R(S(d=Math.hypot((A+a)/2-200,(B+b)/2-200)/9)/d*3e3,0,0,.05)),moveTo(A+960,B+540),lineTo(a+960,b+540)
u/tactical_retard

#red

show FPS hide FPS share 1 remix fullscreen

CaptainMeat

function u(t) {

f=n=>{return parseInt(((((1+5**(1/2))/2)**n)-(((1-5**(1/2))/2)**n))/5**(1/2))}; throw `Fibonacci ${t&t}: ${f(t&t)}`

May 4 2022 5:56 PM UTC

}// 115/140

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

#fibonacci

u/CaptainMeat

gets funky after 100

show FPS hide FPS share fullscreen

CaptainMeat

remix of d/25423 by u/CaptainMeat

function u(t) {

c.width|=0;for(i=0;i<1920;i++){x.font='50px serif';x.fillText(i&t^i,i&t^i,i&t*i)}

May 3 2022 2:22 PM UTC

}// 81/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 4 remixes fullscreen

taupelink

remix of d/25390 by u/taupelink

function u(t) {

for(k=265,m=t?0:5e3;m--;x.fill())r=m**.6,x.beginPath(x.fillStyle=R(i=m/6%k,r,r%i*2,i%r/r)),x.arc(m%9*k+r*C(m),(m/13|0)%5*k+r*S(m),i/5,r,r-2)

May 1 2022 9:43 PM UTC

}// 140/140

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

d/25413

u/rep_movsd

Very appetizing
u/rep_movsd

#abstract #organic