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

fourier.space

remix of d/8715 by u/pythech

function u(t) {

with(x)beginPath(f=(a,b)=>x.lineTo(a,b%42*5+540)),a[p]=1,r++,s=(p<r|a[p-r]|0)*r-r/2,f(p,0),f(p+s,s),f(p=p+s*2,0),stroke()}x.r=x.p=0;x.a=[];{

Jun 24 2018 3: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 fullscreen

Xen

remix of d/8617 by u/Bugsy

function u(t) {

for(n=c.width|=z=i=1e3;i--;n=i*(1+S(t)*T((i+t%t*t)+t)))x.fillRect(z+(S(i*t/z)*39/C((n+t)/i)),n,9,9)

Jun 25 2018 12:18 AM UTC

}// 99/140

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

shoutz 2 bugsy!

show FPS hide FPS share 1 remix fullscreen

nrfenner

function u(t) {

f=(a,b)=>x.lineTo(a/2,b/2+540)
u.r=r=1+u.r|0
u.a=a=u.a||[]
a[p=u.p|0]=1
s=(p<r|a[p-r]|0)*r-r/2
f(p,0)
f(p+s,s)
f(u.p=p+s*2,0)
x.stroke()

Jun 23 2018 10:42 PM UTC

}// 136/140

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

visualization for http://mathworld.wolfram.com/RecamansSequenc…

u/nrfenner

a bit of a time leak since there's no enough chars to call x.beginPath(). If someone can figure out how to save enough to do, please do!
u/pythech

done d/8714
u/pythech

that one had some problems, fixed d/8715
u/DataMeta

Love this interpretation! I'd been thinking of implementing the sequence

show FPS hide FPS share 1 remix fullscreen

juicyslew

function u(t) {

c.width=1920;
x.font='48px serif'
for(i=0;i<99;i++)
x.fillText('e', i*30, 540+S(4*t)*20*t*(S((t+i)*3))-1)

Jun 24 2018 7:30 PM UTC

}// 105/140

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

u/Xen

nice idea

show FPS hide FPS share fullscreen

pythech

remix of d/8691 by u/pythech

function u(t) {

with(x)for(c.width|=k=160;k--;fill())i=k&31,j=k>>5,arc(21*i*(5+C(t))+200*i-120*C(t+j*3),200*j+20*C(i+t),190,!beginPath(fillStyle=R(j*65)),9)

Jun 22 2018 4:49 AM UTC

}// 140/140

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

Red sea

show FPS hide FPS share 1 remix fullscreen

DataMeta

function u(t) {

for(i=0;i<51;i++)o=i*3.6,x.fillStyle=R(o,o,o),x.beginPath(),x.arc(360+t*t*6.6,540+S(T(t))*i*1.1,Math.abs(256-t*t),0,7),x.fill()

Jun 25 2018 2:24 PM UTC

}// 127/140

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

fabric test, windsock

show FPS hide FPS share fullscreen

yokljo

function u(t) {

for(i=125;i--;)for(j=99;j--;x.fillRect(i*16*(j+93)/99,j*12+o,28,9))o=C(i/5+t*9+C(j/3))*35*S(j/5),x.fillStyle=`hsl(${t*o},${o+j}%,50%)`

Jun 21 2018 10:35 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/magna

This looks amazing!
u/yokljo

Thanks 👍
u/iverjo

Impressive! Rainbow lava?

show FPS hide FPS share fullscreen

Kobrasadetin

function u(t) {

for(z=b=45,t=T(t/b)*b,t+=C(t)/b,i=0;i<b*b;j=i%b-1,k=i/b>>0,x.fillRect(j*b,k*b,b,b),z=305*(S(C(j)*t)*S(C(k)*t)+.4),i++)x.fillStyle=R(z,2*z,z)

Jun 21 2018 11:05 AM UTC

}// 140/140

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

u/S.T.L.K.R.

İyi bayramlar
u/hope4tg

Muazzam
u/pythech

İyi bayramlar, u/S.T.L.K.R.
u/joeytwiddle

QR code reader's nightmare
u/DataMeta

Super neat

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/8692 by u/pythech

function u(t) {

c.width|=0
t/=3
with(x)for(i=1e3;i--;fill(),fillStyle=k?'#fff':R())beginPath(k=i%2),arc(60*(i>>1)-t*222,500+400*S(i*k),200,0,9)

Jun 22 2018 4:11 AM UTC

}// 127/140

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

The cave

show FPS hide FPS share fullscreen

Xen

remix of d/8673 by u/BalintCsala

function u(t) {

c.width=300
with(x)for(translate(150,90),i=9*t;i-->0;fill())beginPath(fillStyle=`hsl(${i*t},99%,39%`),arc(i/2,0,4*C(i+t)+4,0,9),rotate(-t/i)

Jun 20 2018 7:44 PM UTC

}// 140/140

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

quick play,, do i*i instead of i*t on hsl for the yellow submarine remix

Show more comments…
u/pythech

Had so much fun with this!
u/magna

SOOO PRETTY!
u/joeytwiddle

Finally, a nice Xen dweet I can show my mother! 🍭
u/S.T.L.K.R.

Keep watching ur complience will be rewarded
u/brainjs

This is awesome!!!
u/cantelope

#yellowsubmarine
u/joeytwiddle

Weird and wonderful