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

atgz

remix of d/10010 by u/atgz

function u(t) {

c.width|=i=768;x.transform(1,0,0,1,960,540)
for(i;i--;x.rotate(t/64))x.fillRect(i-=3,i,i/8,i)
x.font=`5em"`
x.fillText((70-t|0)%60,-15,35)

Aug 29 2019 8:15 AM UTC

}// 138/140

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

Make this dweet fullscreen, wait for counter to go from 10 to 0, then focus your eyes on the number counting from 60. When the counter goes down to 0, look off from your screen and you will be disoriented

u/joeytwiddle

#illusion

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

f=window.f||0
if(!(f++%4)){x.stroke();x.beginPath()}
X=C(t)
Y=S(t)*S(9.1*t)
Z=S(t)*C(9.1*t)+2
x.lineTo(960+500*X/Z,540-500*Y/Z)

Aug 29 2019 4:15 AM UTC

}// 127/140

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

3D Sphere Sketch

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

x.beginPath(s=500,d=2)
p=[[C(9.1*t),S(t),S(9.1*t)+d],[0,S(t),d]]
p.map(v=>x.lineTo(960+s*v[0]/v[2],540-s*v[1]/v[2]))
x.stroke()

Aug 29 2019 4:08 AM UTC

}// 127/140

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

3D Spiral (Pipe Cleaner)

show FPS hide FPS share 2 remixes fullscreen

atgz

remix of d/15537 by u/atgz

function u(t) {

c.width|=q=2.9+.005**t;x.translate(960,540);for(i=0;i<329;i++)x.rotate(q+(i%22?0:q/2)),x.fillRect(a=(i/22+t)%16*45,a,w=a**.75,w)

Aug 27 2019 1:50 PM UTC

}// 128/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 fullscreen

rodrigo.siqueira

remix of d/15526 by u/mildlybean

function u(t) {

Z=_=>S((Y*Y+X*X)*S(t))
for(c.width=i=1024;i-=1/8;x.fillRect(48*(X*2+Y*C(t)+11),48*(S(t)*X/2-Y*S(t)+z),1,5))z=6-Z(X=i%8-4,Y=i/128-4)

Aug 26 2019 11:18 PM UTC

}// 131/140

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

Rotating sombrero. Remix from @tomxor https://www.dwitter.net/d/15530 , faster, smaller. Now the surface also rotates.

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/15569 by u/taupelink

function u(t) {

r=Math.random;x.beginPath();x.arc(X=r(x.fillStyle='#'+'FC00CFC'.substr(n=r()**7*5|0,3))*2e3,Y=r()*1e3,++n**3+60,n,2*n),x.fill(x.lineTo(X,Y))

Aug 29 2019 10:34 PM UTC

}// 140/140

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

d/15575

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/15556 by u/taupelink

function u(t) {

for(i=d=e=f=g=1e3;i--;x.fillRect(d*z,e*z,1,1))[d,e,f,g]=[(r=Math.random(z=99)*z|0)/4-r%3*f*g*S(d)/6,r%11+(f%g)*S(d+r%g),2**(r%3)+.1/g,1+1/f]

Aug 29 2019 6:14 PM UTC

}// 140/140

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

d/15573

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/15542 by u/taupelink

function u(t) {

x.globalAlpha=.7;r=Math.random;x.beginPath(x.fill(x.arc(r(x.fillStyle='#'+'FC96F93FF0'.substr(n=r()*8|0,3))*1920,r()*1080,9*n+60,n,n+3.14)))

Aug 27 2019 5:35 PM UTC

}// 140/140

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

d/15543

u/DataMeta

Interesting method of #color selection
u/taupelink

Yeah, the substring color technique is not new. I first saw it at https://www.dwitter.net/d/14621
u/DataMeta

What is new is getting a nice palette of secondary/intermediate colors with it
u/taupelink

Gottit--thank you!

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

a=Math.random()*1920
x.clearRect(a,a,a,a)
x.strokeRect(1920-a,1920-a,a,a)

Aug 29 2019 2:18 PM UTC

}// 74/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 fullscreen

mildlybean

function u(t) {

if(t<0)x.drawImage(c,0,2)
else if(t<20){
   x.fillStyle=`hsl(${t*99},99%,45%)`
   x.fillRect(960-99*t,0,198*t,2)
   u(t-1)
}else u(19+t-~~t)

Aug 27 2019 1:32 PM UTC

}// 140/140

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

To understand recursion, you must first understand recursion.