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 2 remixes fullscreen

jwc

function u(t) {

for(c.width|=i=q=r=s=.1;i<t;b=4*i/t,x.fillRect(960+16*(q*C(t)+s*S(t)),540+20*r,b,b),i+=.01)o=r,r+=(q*(28-s)-r)/50,s+=(q*o-2*s)/50,q+=(o-q)/5

Dec 24 2020 10:17 PM UTC

}// 140/140

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

Rotating Lorenz Attractor

u/jwc

Deleted my previous attempt and replaced it with this instead because I found an obvious savings that allowed me to improve rect size. If you can save 5 chars, you can replace s*S(t) with (s-28)*S(t) to center the rotation. Alternatively, if you can save one char, you can remove b, make the last two args of fillRect …,4*i/t,4), and use the previous centering method with a small concession to the rect shape.
u/magna

Done! d/21062
u/magna

The key was replacing (q*o-2*s)/50 with q*o/50-s/25
u/jwc

Nice!!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/21060 by u/jwc

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=q=r=s=.5;i<250;x.clearRect(960+9*q*C(t)+K*S(t)*20,540+26*r,6,4),i+=.1)r+=q*(K=40-s)/99,s+=q*r/70-s/45,q+=r-q/5

Dec 25 2020 2:13 AM UTC

}// 140/140

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

Rotating Lorenz Attractor remix #lorenz

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

t?z>99?(i+=e,e=4,f+=z=1):x.fillText(f%(z*=4)==z/2?e=1:0,g+=C(y=355/339*i),h-=S(y)):e=z=h=f=i=g=134

Dec 25 2020 10:04 PM UTC

}// 98/140

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

98byte Koch #snowflake

u/jwc

This is beautiful!
u/DataMeta

Yes! #waitforit
u/Xen

#fractal

show FPS hide FPS share fullscreen

wpower3

remix of d/21068 by u/wpower3

function u(t) {

Z=20;W=1920/Z;H=1080/Z;
for(n=0;n<W*H;n++){j=Math.floor(n/W);i=n%W;
if(Math.random()>0.99){x.fillRect(i*Z,j*Z,Z,Z)}}

Dec 26 2020 6:50 PM UTC

}// 117/140

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

Art.

show FPS hide FPS share fullscreen

smtsjhr

function u(t) {

for(c.width|=a=6;a<12.28;a+=.001)x.fillRect(960+(r=-210*(1+S((a)))*(1+.9*C(8*a))*(1+.1*C(24*a))*(1+.05*C(200*a+99*t)))*C(a),960+r*S(a),8,8)

Dec 25 2020 6:53 AM UTC

}// 139/140

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

i don't even smoke weed

u/Xen

420

show FPS hide FPS share fullscreen

Blacklink

function u(t) {

c.width|=0
for(i=1;i<99;i++){x.save()
x.translate(i*20,540)
x.rotate(i*(Math.pow(t,1.3))*.001+t)
x.strokeRect(-50,-200,99,400)
x.restore()}

Dec 24 2020 1: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).

The twisting of a rectangle

u/ciaccodavide

Nice!

show FPS hide FPS share fullscreen

magna

remix of d/21060 by u/jwc

function u(t) {

for(c.width|=i=q=r=s=.1;i<t;x.fillRect(960+16*(q*C(t)+(s-28)*S(t)),540+20*r,4*i/t,4),i+=.01)o=r,r+=(q*(28-s)-r)/50,s+=q*o/50-s/25,q+=(o-q)/5

Dec 25 2020 6:51 AM UTC

}// 140/140

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

Golfed to center rotation

u/jwc

Perfect, thanks for spotting that!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=m=[h=1080];i--;)m[i]=i**3%h
m.sort((a,b)=>(t-=1/h)>0&&a-b).map((n,i)=>x.fillRect(i,h-n,1,n,x.fillStyle=`hsl(${n/9},69%,50%`))

Dec 22 2020 11:33 PM UTC

}// 140/140

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

Visualizing Array.sort

u/pavel

This probably works and is probably merge #sort :)
u/ciaccodavide

Nice!

show FPS hide FPS share fullscreen

wpower3

remix of d/21070 by u/wpower3

function u(t) {

Z=20+t;W=1920/Z;for(n=0;n<W*1080/Z;n++){j=n/W;i=n%W;if(Math.random()>.9999)x.fillRect(i*Z,j*Z,Z,Z,x.fillStyle=R(255*(1-i/W),255*i/W,0))}

Dec 27 2020 12:53 AM UTC

}// 137/140

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

Adding the +t to the 'scale' every call, and upping the threshold for drawing causes some cool effects as the image fills in.

show FPS hide FPS share fullscreen

jwc

function u(t) {

for(t/=.6,c.width|=i=32;--i;)for(j=18;--j;x.fillRect(60*i-20*C(j+t),60*j-20*S(i+t),s,s))d=9-((16-i)**2+(9-j)**2)**.5/4,s=3+d*C(d/.8+t*2)**2

Dec 23 2020 4:05 AM UTC

}// 139/140

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