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

DataMeta

remix of d/15839 by u/DataMeta

function u(t) {

s=C(t);c.style.background=R(g=s*255,g,g);if(t<3)for(i=1920;i--;)
x.fillStyle=R(l=i/7.5,l,l),x.fillRect(t*s>=0?1918-i:i,540-g,4,4)

Sep 29 2019 4:55 AM UTC

}// 129/140

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

#gradient #illusion

u/katkip

nice
u/iverjo

#opticalillusion

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;for(q=2;q--;)for(i=9;i--;)x.fillRect(i*100-t*999%1920+q*1920,400,50,200)

Sep 29 2019 1:14 PM UTC

}// 83/140

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

Edge = Portal #default

show FPS hide FPS share fullscreen

DataMeta

remix of d/15843 by u/DataMeta

function u(t) {

s=C(t);c.style.background='#CCC';if(t<3)for(i=2e3;i--;)
x.fillStyle=R(l=i/7,l,l),x.fillRect(t*s>=0?1920-i:i,540-l*s*2,9,9)

Sep 29 2019 7:42 PM UTC

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

joe.m

remix of d/15836 by u/joe.m

function u(t) {

if(!t){s=[4900]}
q=s.shift()%9801
if(!u[q])s.push(q-1,q+1,q+99,q-99)
u[q]=1
x.fillRect(19*(q/99|0),10*(q%99),17,8)

Sep 29 2019 7:27 PM UTC

}// 114/140

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

flood fill 2, twice as fast and twenty three bytes shorter

show FPS hide FPS share fullscreen

robbyg

remix of d/15802 by u/robbyg

function u(t) {

for(i=2304,Z=30;i--;x.fillRect(H*Z,V*Z,Z,Z))H=i%64,V=i/64|0,A=Math.atan2(V-18,H-32),x.fillStyle=S(Z*t+5*A)>0>0?'#1112':'#eed6'

Sep 27 2019 3:22 PM UTC

}// 126/140

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

Staring at the ceiling fan.

show FPS hide FPS share fullscreen

joe.m

function u(t) {

w=1920
f=12.57/w
t?0:y=[]
j=t*120+1
for(i=0;i<w;i++)
{
if(!t)y[i]=0
y[i]+=S(i*f*j)/j
x.fillRect(i, 520+400*y[i], 1, 1);
}

Sep 27 2019 2:59 PM UTC

}// 121/140

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

ooh, you can keep state!

u/tomxor

#fourier
u/tomxor

Welcome to Dwitter! you can also use u instead of y to save the initialisation space, as you can use functions for their object properties.

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

x.fillStyle='gray';x.fillRect(250,440,1420,200)
x.fillStyle=R(t*70,t*70,t*70)
x.fillRect(t*510,0,9,1080)

Sep 27 2019 2:25 PM UTC

}// 104/140

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

Illusory gradient grayscale ("Simultaneous Contrast Illusion"). The bar in the middle is a CONSTANT SHADE of gray. Viewing two colors at the same time influences both of their appearances. #gradient #illusion

u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

katkip

remix of d/15811 by u/Xen

function u(t) {

with(x)for(i=8;i--;fillStyle=`hsl(${a*57.3+t*t} 70%${50+t*4}%`)beginPath(fill(lineTo(960,540))),arc(960,540,2e3,a=i*.8-t*t,a+.8)

Sep 26 2019 5:39 PM UTC

}// 128/140

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

This is how it would behave in real life

u/Xen

Thats how i behave in real life
u/tomxor

Woah, transcended 60FPS :P

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(!t){p=[];for(i=999;i--;)p.push({a:S(i)*i,b:C(i)*i})};for(z of p)x.fillRect(960+z.a,540+z.b,5,5),z.a+=S(z.b)*t,z.b+=C(z.a)*t

Sep 26 2019 5:11 PM UTC

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

New_Core

function u(t) {

for(i=99;i--;x.fillRect(960+a*S(d),540+a*C(d),d*2,d*2))a=(b=t+(d=i*C(t/5+i/90)))/S(b+d)*9,x.fillStyle=`hsla(${d+t*60},99%,50%,.01)`

Sep 26 2019 2:36 PM UTC

}// 131/140

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

a paint experiment

u/Xen

#waitforit
u/taupelink

groovy!
u/joeytwiddle

Greyscale version: hsla(0,0%,${150*S(d+t*60)}%,.01)