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

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).

show FPS hide FPS share 1 remix fullscreen

wpower3

function u(t) {

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

Dec 26 2020 9:55 PM UTC

}// 140/140

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

Christmas colors

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/19550 by u/tomxor

function u(t) {

for(c.width=w=127,i=7e3;i--;t?p&T[r=i+w+r%3]<1&&--T[i]&++T[r]:T[i]=r)p=T[i],x.fillRect(X=i&w,Y=i>>7,T[S(t*t*w)*w|0]=1,p/3),r=i*t^Y/14&X/9

Dec 21 2020 5:43 PM UTC

}// 137/140

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

Snowed In

Show more comments…
u/DataMeta

super cool
u/KilledByAPixel

#snowflake
u/katkip

#powder physics type
u/Odog8

how does this work!?
u/KilledByAPixel

it is a cellular automata, each frame it tires to move the snow down and left or right randomly if the target cell is empty
u/Odog8

oh wow
u/tomxor

Wow nice! it's great how an effect can take on new meaning when finding a different way to frame it.
u/Qwitter

cool

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

x.f=x.fillRect
j=640
for(p=o=960;o--;x.fillStyle=R(o/5+t))x.f(0,o,1e4,9),o>400?x.clearRect(p-C(o)*50,687-t,9,S(o)*50):x.f(j-2*o,o+j,j+4*o,p)

Dec 22 2020 7:48 PM UTC

}// 140/140

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

Another dawn of man scene #monolith very #slow sunrise

u/jellyedwards

I wanted an orange background R(o/5+t,o/9) but that's an extra 4 chars
u/jellyedwards

I wanted clouds too but that was an extra 5000 chars
u/jellyedwards

http://idyllopuspress.com/idyllopus/film/ima…
u/pavel

-2 j=640;for(p=o=960;o--;x.fillStyle=R(o/5+t))x[f='fillRect'](0,o,1e4,9),o>400?x.clearRect(p-C(o)*50,687-t,9,S(o)*50):x[f](j-2*o,o+j,j+4*o,p)
u/jellyedwards

Very good spot Pavel!