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

d0n.key

remix of d/9150 by u/d0n.key

function u(t) {

accuracy=100000
v=1
for(i=0;i<accuracy;i++) v+=(i%2==0?-1:1)* (1/(3+2*i))
throw v*4

Aug 7 2018 12:03 PM UTC

}// 83/140

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

A little less dirty implementation of the same thing

u/d0n.key

(increase the [accuracy] to fuck your browser and get somewhat accurate results)
u/katkip

Wow

show FPS hide FPS share fullscreen

katkip

remix of d/3381 by u/sniok

function u(t) {

c.width=570;l=20;f=30;for(j=l;j--;)for(i=f;i--;x.fillStyle=R(i*l,j*l,C(t)*255),x.fillRect(S(t/2+5*j)*2+i*l-l,j*l+T(t/2+5+l/i)*l-40,f,f)){}//

Aug 5 2018 11:37 AM UTC

}// 140/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

Xen

remix of d/9147 by u/Xen

function u(t) {

for(x.fillRect(0,0,Z=2e3,i=Z);i--;x.fillRect(i,Z*C(i-t*i),79,i/13))x.fillStyle=R(t*i%i,t*i%Z,i*C(Z*t/i),.01)

Aug 6 2018 7:58 PM UTC

}// 108/140

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

Event Horizon.

u/joeytwiddle

#horrible
u/Xen

#1337 :-P

show FPS hide FPS share fullscreen

firegodjr

remix of d/9106 by u/richev

function u(t) {

with(x)for(i=320;i--;stroke(),font="500pt x",fillText('☁️',i%2*a,a))beginPath(x.strokeStyle=`hsl(${-i-40},99%,60%`),arc(a=960,800,i+360,3,0)

Aug 5 2018 1:47 AM UTC

}// 140/140

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

Challenge accepted ^^

u/iverjo

Haha, I knew someone would accept that challenge ^^
u/lionleaf

#rainbow #clouds

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/9125 by u/katkip

function u(t) {

for(Z=i=1e3;i--;x.fillStyle=`hsla(${t*99},99%,50%,.1)`)
x.fillRect(Z+Z*C(i),9e2+Z*T(i),t%i,i),x.rotate(S(i-t))
t||x.translate(960,540)

Aug 5 2018 7:27 PM UTC

}// 134/140

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

u/katkip

#remix_chain

show FPS hide FPS share fullscreen

lionleaf

remix of d/9123 by u/Xen

function u(t) {

for(Z=i=1e3;i--;x.fillStyle=`hsla(${t*9},99%,40%,.01)`)
x.fillRect(Z+2*Z*C(t*i),500+Z*S(t-i),9,i),x.rotate(T(t))

Aug 5 2018 7:18 PM UTC

}// 112/140

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

u/katkip

#sun too.
u/donbright

when the color changes its really cool looking

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9141 by u/Xen

function u(t) {

for(Z=i=t*99%2e3|0;i--;x.fillRect(C(T(Z)*S(i/t))/500*t,500+i*C(i*t),35*T(t),15*C(t/i)))x.fillStyle=`hsla(${Z/i*t|i},99%,50%,.1)`;

Aug 6 2018 3:41 PM UTC

}// 129/140

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

#remix_chain

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/9137 by u/katkip

function u(t) {

for(Z=i=1e3;i--;x.fillStyle=`hsla(${Z/4*t+i},99%,66%,.04)`)
x.fillRect(Z+i*C(i+t),500+i*S(i+t),99*C(t),99*S(t))

Aug 6 2018 3:24 PM UTC

}// 111/140

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

#remix_chain

show FPS hide FPS share fullscreen

ftedwin

function u(t) {

x.strokeRect(t*500%1920,t*500%1080,25*t%100+100,25*t%100+100);x.strokeStyle=R(100*t%255,100*t%255,50*t%255);x.stroke();

Aug 8 2018 12:05 AM UTC

}// 119/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

mvs202

function u(t) {

χ=S(t)*960
c=(h,a,b)=>{χ<0?x.fillStyle=`hsl(${h%360},99%,50%,0.2`:0
x.fillRect(960-χ,a,χ*2,b)}
c(t*53,0,300)
c(t*59,315,150)
c(t*47,480,600)

Aug 4 2018 3:45 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/katkip

This can be good as a animated desktop wallpaper
u/magna

Keeps on giving
u/iverjo

#colors
u/lionleaf

Beautiful! Broken on #Edge and some other #browsers though. Should be possible to fix, but tagging it now so it's easy to find later :)
u/mvs202

Yeah, the problem is Edge doesn't like the 4th parameter in hsl() - I would need hsla() for that. Surprisingly, no one bothered by the lack of a closing paran in the hsl function!