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 1 remix fullscreen

username

function u(t) {

t?onmousemove=_=>e=_:e={x:666,y:420}
x.beginPath()
for(i=c.width+=0;i--;x.lineWidth=14)x.lineTo(i,542+e.y*S(6.283*(t-i/e.x)))
x.stroke()

Jun 10 2019 12:46 PM UTC

}// 136/140

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

harmonic wave equation (in javascript notation y=(x,y)=>A*S(2*Math.PI*(t/T-x/λ))) - move mouse to change wave length and amplitude (period is fixed at T=1 for simplicity)

u/aleamb

#interactive
u/aleamb

#math
u/marc8

Remixes https://www.dwitter.net/d/10105
u/username

u/marc8 I guess we had the same idea. However, my intention was to show a harmonic wave equation using d/14535 and then I just remixed that
u/username

actually, d/14535 does not do that. I did not post the dweet I had originally drafted. it used the above equation (in my very first comment) in code and that is exactly like that

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14426 by u/KilledByAPixel

function u(t) {

w=c.width|=0;x.fillRect(0,W=1e3,w,w);for(i=99;i--;x.fill(p=new Path2D(),p.arc(i*18+19,W-Y-i+9,i,0,7)))Y=800*(S(t*2+i/50)**2)**.5

Jun 9 2019 7:42 PM UTC

}// 128/140

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

Bounce

u/aleamb

love it!
u/joeytwiddle

#bounce

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;r=S(k=--i>>6)**2;x[i%64?'fillRect':'clearRect'](7-k/4,0,r,r))x.setTransform(99,0,0,42,960,32*k+(i%64*r||3)),x.rotate(3*t+k)

Jun 7 2019 6:27 AM UTC

}// 140/140

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

#box #tornado #d3

u/aleamb

amazing!
u/donbright

how the....
u/KilledByAPixel

❒
u/vain

hard to believe... top!

show FPS hide FPS share 1 remix fullscreen

robbyg

function u(t) {

for(v=26,a=40,s=t%1,o=20*(1-s);v--;)for(h=48;h--;x.fillRect(o+h*a,o+v*a,a*s,a*s))x.fillStyle=['#fff','#000'][~~(t+h+v)%2]

Jun 10 2019 3:40 PM UTC

}// 121/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 2 remixes fullscreen

KilledByAPixel

function u(t) {

for(c.width|=i=50,x.font="79em'";i;)z=(S(t)**2)**.5*1e3+9,--i?0:x.fillStyle="#0E2",x.fillText("☮",960+(i-24)*C(t%3.14)-z/2,1e3,z)

Jun 8 2019 10:46 PM UTC

}// 129/140

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

☮ #D3

u/13thptr

nice
u/katkip

THIS IS AWESOME4
u/katkip

^ without 4

show FPS hide FPS share fullscreen

Xen

remix of d/14505 by u/simonmkwii

function u(t) {

for(x.fillRect(0,0,i=940,i);z=--i**.25;x.fillStyle=R(0,900/--z,0,.4))x.setTransform(s=20/z,0,0,s,9,1),x.fillText(2*C(i)|0,i%z*94,t++%z*54)

Jun 9 2019 7:05 PM UTC

}// 138/140

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

#matrix

show FPS hide FPS share fullscreen

taupelink

function u(t) {

C=100
c.width|=0
for(i=9;i--;)x.fill(new Path2D(`M${C*(4+i+3*S(t))} 400 h50 v${2*C} h-50 v${-2*C}`))

Jun 9 2019 9:57 PM UTC

}// 101/140

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

#default with #path2D

u/katkip

nice
u/taupelink

Notes: The v${-2*C} at the end can be omitted. I regret my choice of "C" for a variable name--that's cosine :)

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/12319 by u/rodrigo.siqueira

function u(t) {

c.width|=X=Y=Z=1
for(i=1e4;i--;){
Z+=(X*Y-Z)/60
X+=(Y-X)/9
Y+=X*(30-Z)/50
x.lineTo(960+X*50+Y*C(t)*60,600-X**3+Y*S(t)*50)
}x.stroke()

Jun 9 2019 2:31 AM UTC

}// 133/140

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

Lorenz attractor rotating in 3D #lorenz #attractor

u/donbright

epic

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/14532 by u/rodrigo.siqueira

function u(t) {

x.globalAlpha=.5
for(X=-3;X<3;X+=.03){for(Y=-3;Y<3;Y+=.1){Q=(P=X*X+Y*Y)*S(3/P**2)+t
Dx=-Y+X*Q,Dy=X+Y*Q
x.fillRect(960+Dx*99,550+Dy*99,1,1)}}

Jun 11 2019 2:07 AM UTC

}// 140/140

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

Differential Equation Slope Field - Third attempt

show FPS hide FPS share fullscreen

veubeke

function u(t) {

with(x)for(i=4;i--;fill(),drawImage(c,8,4.5,1904,1071))beginPath(fillStyle=`hsl(${(t+i)*90},80%,50%`),arc(960,540,535,_=S(t)*9+i*1.57,1.2+_)

Jun 7 2019 4:22 PM UTC

}// 140/140

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

u/MAxSaL

Looks like a loading animation :-)
u/13thptr

#spiral
u/katkip

Mixing
u/donbright

so clean