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

atgz

remix of d/9723 by u/DataMeta

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--,i--,i--/8,i)

Sep 22 2018 6:07 AM UTC

}// 96/140

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

focus on the middle for a minute then look elsewhere on the screen #illusion

u/joeytwiddle

Fast and funky version: t*=9;c.width|=i=768

show FPS hide FPS share fullscreen

SuperFromND

remix of d/9920 by u/cantelope

function u(t) {

with(x)fillStyle=`hsl(${t*=250},90%,${t%99}%`,beginPath(fill()),arc(960,540,5,0,7),X=S(t*=6)*5,Y=C(t)*4,drawImage(c,X-80,Y-45,2080+X,1170+Y)

Sep 21 2018 3:42 PM UTC

}// 140/140

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

Spirals!

show FPS hide FPS share fullscreen

Xen

remix of d/9950 by u/anotherkitten

function u(t) {

for(i=25;i--;x.fillRect((-60+i*t*i+S(Z+t)*1e3)%2e3,0,33,2e3))x.fillStyle=R(Z=i*9,t*Z%Z,t*i%Z),x.rotate(C(i+t)/4e2)

Sep 19 2018 9:38 PM UTC

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

SodaPOP

remix of d/9987 by u/katkip

function u(t) {

t|x.translate(920,500);if(!t)for(f=0;f++<5e2;)x.fillStyle=`hsl(${50*f},99%,${(f*99)%50}%)`,x.fillRect(S(f^2)*500,5,50,200),x.rotate(2)//help

Sep 21 2018 1:13 PM 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

katkip

function u(t) {

t|x.translate(960,540);if(!t)for(f=0;f++<5e2;)x.fillStyle=`hsl(${100*f},99%,${(f*3)%100}%)`,x.fillRect(S(f)*960,0,20,1080),x.rotate(1)

Sep 21 2018 12:43 PM UTC

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

anotherkitten

function u(t) {

with(x){if(!t){translate(950,540);_=0.01}_+=.000001;
fillStyle=`hsl(${frame},76%,66%)`;
fillRect(1,1,9,9)
drawImage(c,-950,-530)
rotate(_);}

Sep 18 2018 10: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).

entangled spirals

u/DataMeta

cool effect
u/DataMeta

#waitforit
u/magna

Wheeeee!!

show FPS hide FPS share fullscreen

username

remix of d/8132 by u/Xen

function u(t) {

with(x)fillRect(C(t*t*9)*2e3,2,Z=52,Z),drawImage(c,0,Z),fillStyle=shadowColor=`hsla(${t*Z},90%,50%,.7)`,shadowBlur=Z/14

Sep 21 2018 8:25 PM UTC

}// 119/140

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

gaps

show FPS hide FPS share fullscreen

ETHproductions

remix of d/9968 by u/katkip

function u(t) {

for(i=1;i;)for(T=-~T,i=T**.5|0;T%i--;);x.fillRect(T%190*10,T%112*10,20,20)

Sep 21 2018 4:58 AM UTC

}// 74/140

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

Alien writing visualized :-)

show FPS hide FPS share fullscreen

Quant1um

function u(t) {

t||(l=r=9,m=0,k=.02,d=.05,c.onclick=e=>r=e.y/28)
for(c.width|=i=99,x.lineWidth=l+=m+=k*(r-l)-m*d;i--;)x.lineTo(S(i/3)*80+960,i*l)
x.stroke()

Sep 18 2018 12:00 PM UTC

}// 140/140

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

Interactive damped spring simulation #physics #interactive

u/Quant1um

You can try different stiffness(k) and dampening(d) factors
u/donbright

yayyy
u/Quant1um

u/donbright, https://www.myphysicslab.com/pendulum/double…
u/Quant1um

Ow, sorry, this meant to be under double pendulum post

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/10025 by u/katkip

function u(t) {

c.width^=0;for(i=-1;i++<128;)for(j=-1;j++<72;)
x.fillStyle=
S(j**2+i/j+t*5)>0?'#00a':'#00f',
x.fillRect(i*15,j*15,155,15)

Sep 22 2018 5:37 PM UTC

}// 121/140

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

#waves #water #ocean