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

Xen

remix of d/20661 by u/anotherkitten

function u(t) {

for(t?i=222:x.translate(960,540)/Xen;i--;x.fillRect(i*(S(t)*9),i*(C(t)*9),i*4,i*4))x.fillStyle=R(i*S(t),i,i*S(i*t/9),x.rotate(1.33+(t/9e4)))

Nov 17 2020 5:12 PM UTC

}// 140/140

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

Golf and play

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

plusright

function u(t) {

c.width=1980;r=200;n=20;x.fillStyle=R(0,0,0,0.8);for(j=n;j--;)for(i=n;i--;x.fillRect(r+r*S(i+t)*j/2,T(t/j)*r+r*C(i+t)*j/2,r-i*j,r-i*j));

Nov 16 2020 6:41 PM UTC

}// 137/140

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

#corruption #asymmetry

u/plusright

adding color is difficult! I want to do more with it but can't beat the character count.
u/Xen

few more bytes for you... c.width|=r=200;for(j=20;j--;x.fillStyle=R(0,0,0,.8))for(i=20;i--;)x.fillRect(r+r*S(i+t)*j/2,T(t/j)*r+r*C(i+t)*j/2,z=r-i*j,z)
u/pavel

x.fillStyle=R(0,0,0,.8) -> x.globalAlpha=.8
u/plusright

nice, thank you both.

show FPS hide FPS share fullscreen

atum47

function u(t) {

for(c.width=s=1920,i=256;i--;)
x.lineTo(C((i+30)*(t%20+5)*0.01)*s/2+s/2,S(i*0.2)*512+512),x.stroke()

Nov 18 2020 1:38 AM UTC

}// 100/140

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

hoops

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=i=78,translate(960,540);j=i*i--/5;rotate(!fillRect(j+=(S(t-j/99)-1)*1e5/j,j*=j>0,j*=-2,j)))fillStyle=R(89,a=222-j/4,2*a)

Nov 14 2020 4:47 AM UTC

}// 140/140

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

Generative art by Alexander Tabakov

show FPS hide FPS share fullscreen

danieldan0

function u(t) {

x.fillStyle=R(0,1e5*t,0,0.1)
x.fillRect(0,999,1,1)
x.scale(1,0.999)
x.rotate(50/t)
x.drawImage(c,9/(1+t),99)
x.drawImage(c,-99/(1+t),0)

Nov 19 2020 1:08 AM UTC

}// 135/140

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

wacky ball

show FPS hide FPS share 2 remixes fullscreen

dnmc

function u(t) {

if(!window.p)p=0;
p=++p%150;
c.width=1920
for(q=0;q<192;q++)
for(w=0;w<108;w++)
if((q&w)%p==0){x.fillRect(q*10,w*10,10,10)}

Nov 15 2020 8:39 PM UTC

}// 124/140

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

Sierpinski

u/tomxor

Sierpinski rain! :P

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

P=(f,n,z)=>f(t*10)*(10+S(t*10*K)*369)+n
x.lineTo(P(C,960),P(S,540))
x.stroke()
t/10>K&&(K++,c.width|=1)}{K=0

Nov 18 2020 10:23 PM UTC

}// 108/140

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

Changes every 5 seconds

show FPS hide FPS share 1 remix fullscreen

pernicious

function u(t) {

c.width=1920;for(i=1920;i--;x.strokeStyle=`hsl(${t*990},99%,66%)`)x.strokeRect(950+i*S(5*t*i),500+i*S(2*t*i),i*t,t);

Nov 16 2020 8: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).

awful rainbow void

u/Xen

welcome to the dwitter family!

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20674 by u/ciaccodavide

function u(t) {

c.width|=1
for(i=0;i<99;i++)
x.moveTo(960+C(t*i/100)*300,530+S(t*i/100)*300),
x.arc(960+C(t*i/100)*300,530+S(t*i/300)*300,.3*i,0,9)
x.fill()

Nov 18 2020 4:26 PM UTC

}// 140/140

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