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

andrea270872

function u(t) {

c.width|=r=Math.random
A=[K=500,K,r()*5-2,-r()*10]
P=t?P.map(([i,j,u,v]=e)=>[(i+u)%2e3,j+v,u,v+.1,x.fillRect(i,j,8,8)]):[A]
P[K]?0:P.push(A)

Mar 15 2019 11:30 AM UTC

}// 140/140

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

Particle Fountain, variable number of particles, max 500, non-repeating

u/andrea270872

Thanks to LimeLaser for the examples on the use of arrays!
u/katkip

#firework
u/LimeLaser

This is great, I dig it!

show FPS hide FPS share fullscreen

Jezza

remix of d/12739 by u/LimeLaser

function u(t) {

c.width|=r=Math.random,Z=2e3;p=t?p.map(([i,j,u,v]=[Z*r(),Z*r(),4*r()-2,4*r()])=>[(i+u+Z)%Z,(j+v)%Z,u,v,x.fillRect(i,j,8,8)]):[...Array(4e3)]

Mar 14 2019 11:09 PM UTC

}// 140/140

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

Squeezed in some snow that floats left. ❄️❄️❄️

u/tomxor

Left!? Blasphemy! :P
u/katkip

This is so smooth
u/LimeLaser

Nicely done!
u/iverjo

#snow

show FPS hide FPS share 1 remix fullscreen

camel_case

function u(t) {

l={}
p=0.01
r+=0.007
for(i=0; i<50; i++){
p+=r*p*(1-p)
l[i%h]=p
for(j=0; j<h; j++){x.fillRect(t*120, 1080-l[j]*540, 2, 2)}
}
}
var r=0,h=6
{

Mar 14 2019 5:50 PM UTC

}// 140/140

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

Logistics map with some bifurcation, still trying to figure out how to make it look pretty tho

u/artfarnaa

Nice, though I suggest provide a link to background info on what a logistics map is and what bifurcation does. We newbies need just a tad of hand holding.
u/rodrigo.siqueira

#bifurcation

show FPS hide FPS share fullscreen

jellyedwards

remix of d/12732 by u/marc8

function u(t) {

c.width=w=320
t%=9
for(i=0;i<w;i++)z=1-(S(k=(i-w/2)/9)/k),x.globalAlpha=z*t/9,x.lineTo(i,1+z*6*t),x.fillRect(i,80,1,70)
x.stroke()

Mar 15 2019 8:25 AM UTC

}// 130/140

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

added a bit of animation to it

u/DataMeta

#hiddengem

show FPS hide FPS share fullscreen

midnoclose

function u(t) {

f=0.5
x.fillStyle=R(S(f*t)*127+128,S(f*t+2)*127+128,S(f*t+4)*127+128)
x.fillRect(t*78,(T(5*t)*100)+540,50,10)

Mar 15 2019 11:56 PM UTC

}// 109/140

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

I learned how sine, cosine, and tangent waves work today!

u/Jezza

Nice!

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(c.width|=p=500,i=10;i<20;i++)x.fillStyle=R(255-(127+S(t*i)*127|0),40,127+C(t*i)*127|0),x.fillRect(i*99+C(t)*p-p,p+p*C(t*i),88,p*S(t+i))

Mar 16 2019 11:38 PM UTC

}// 139/140

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

Playing with colors (variation over the "New dweet")

u/danny@hille.dk

#default
u/danny@hille.dk

Looks better without clear screen :-)

show FPS hide FPS share fullscreen

Xen

remix of d/12748 by u/AdamLantz

function u(t) {

o=127;p=2;
for(i=200;i--;x.fillStyle=R(o+o*S(t),o+o*S(t-i),o+o*S(t+i),.5))
x.fillRect(935+S(i+t)*935,C(t+i/9)*515+515,50,i)

Mar 15 2019 7:34 AM UTC

}// 123/140

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

u/tomxor

Nice colours :)
u/Xen

Thank you

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.drawImage(c,C(t),S(t))
for(i=9;i--;x.fillRect(Z=400+i*99+S(t)*300,400,50,200),x.strokeRect(Z,400,50,200))x.fillStyle=`hsl(${i*t},50%,50%)`

Mar 15 2019 4:28 PM UTC

}// 140/140

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

#default

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

for(c.width|=K=k=1e3;k--;z>0&&x.fillRect(K+(k*97/60%11-5)*K/(99-z),500+(k*89/60%13-6)*K/(99-z),8,8))z=(60*t-k)%99

Mar 16 2019 2:32 PM UTC

}// 113/140

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

star field (using the forLoop suggestion)

u/Xen

nice

show FPS hide FPS share fullscreen

Xen

remix of d/12768 by u/Xen

function u(t) {

x.font="280px'"
x.fillText(X=x.fillStyle=`hsla(${frame},50%,50%,.2)`,Z=99+S(t*2)*99,Y=600+C(t*2)*499)
x.strokeText(X,Z,Y),x.rotate(C(t)/5e2)

Mar 16 2019 1:56 PM UTC

}// 140/140

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

Test