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

rnbw

function u(t) {

c.width=1920;x.fillStyle='#dbf';for(j=-16;j<159;j++)for(i=0;i<36;i++)x.fillRect(-600+i*99+C(t+j/20+i/5)*(S(t*3+i)*99),8*j+C(t+i/2)*99,99,9)

Oct 19 2018 4:36 PM UTC

}// 139/140

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

oh would you look at that, now i can say i've made a dweet! (the performance isn't very good from what i've experienced, but the visual turned out well, so make of it what you will)

show FPS hide FPS share fullscreen

katkip

remix of d/10534 by u/tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i);for(t+=t*10;p=i&1,m=t/C(t/i)+p*(t/i*i+i%t),i--;)x.clearRect(960+m*S(n=i*i+t/9+t*i/8769)/C(1/t+p),540+m*C(n+p/t),5,5)

Oct 19 2018 6:10 PM UTC

}// 140/140

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

#waitforit to see how does it look in a black hole!

u/tomxor

OMG it's a stargate :P

show FPS hide FPS share fullscreen

bbyalcinkaya

remix of d/10576 by u/bbyalcinkaya

function u(t) {

c.width=1920
for(i=0;i<360;i++){
k=(360-i)*t/60
x.fillRect(960+i*C(k*S(t/20)),540+i*S(k),20,20)
}

Oct 20 2018 11:08 PM UTC

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

rbong

remix of d/10574 by u/rbong

function u(t) {

for(n=200;n-=1/64;x.fillStyle=`hsl(${t*k*30},99%,50%)`,x.fillRect(n%3*666,n*5,16,16))for(r=i=0,k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i-(n%3)

Oct 21 2018 3:46 PM UTC

}// 140/140

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

Rainbow Cycling Mandelbrot

u/rbong

#rainbow #fractal #mandelbrot
u/rbong

This version has true color cycling, an animated Julia set, and is centered, but it's 18 characters over:
u/rbong

for(n=200;n-=1/64;x.fillStyle=\`hsl(${t*999+k*22},99%,50%)\`,x.fillRect(n%3*666,n*5,16,16))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-(n%3)

show FPS hide FPS share fullscreen

ersagun

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭔㵴⼳☷㭦潲⡺㵍慴栮偉⨲㭺㸰㬩椽匨吪稩⭓⡔⩺⭺⬳⸱㐩⨲ⱪ㵃⡔⩺⤫䌨吪稫稩⨲Ⱬ㴭匨㈪吪稫稩ⱬ㵩⩃⡴⤫欪匨琩Ɑ㵩⩓⡴⤭欪䌨琩⬱〬稭㴱⼱〰ⱸ⹦楬汒散琨氪⡤㴵㐰⤯洫搬横搯洫搬㤬㤩`.replace(/u(..)/g,"$1%")))

Oct 22 2018 4:09 AM UTC

}// 138/140

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

Knots

show FPS hide FPS share fullscreen

ersagun

remix of d/10580 by u/ersagun

function u(t) {

if(!t)s=k=i=j=b=500
s+=S(k+=Math.random()-.5)/4
x.fillStyle=`hsl(${t*50},90%,60%)`
x.fillRect(S(j+=S(s)/50)*b+b+b,S(i+=C(s)/50)*b+b,9,9)

Oct 22 2018 2:25 AM UTC

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

S.T.L.K.R.

function u(t) {

eval(unescape(escape`砮扥杩湐慴栨⤬欽㘰〰ⱦ㵫⨳㬠景爨椽昻椭㴹〻砮浯癥呯⡩Ⱬ⩴⤬砮汩湥呯⡩⬴㔬欪琫㄰〩ⱸ⹬楮敔漨椭㐵Ⱬ⩴⬱〰⤬砮晩汬却祬攽恨獬⠤筭㵍慴栮牡湤潭⠩⩦素㤹┷〥⥠ⱸ⹦楬氨⤩㬻`.replace(/u(..)/g,"$1%")))

Oct 22 2018 10:42 PM UTC

}// 129/140

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

route to #triangulation

u/pavel

with(x)for(X=1980,fillStyle=hsl(${Math.random()*X} 99%70%;X-=90;fill())beginPath(),moveTo(X,Y=t*6e3),lineTo(X+45,y=Y+99),lineTo(X-45,y)

show FPS hide FPS share 1 remix fullscreen

heyitsguay

remix of d/10580 by u/ersagun

function u(t) {

if(!t)s=k=i=j=500
with(Math)s+=k+=(random()-.4)/40,k=min(max(k,-C(t)),C(t))
d=1+(i+j-1e3)**2/3e6
i+=C(s)*5/d
j+=S(s)*5/d
x.fillRect(j,i,5,5)

Oct 21 2018 6:23 AM UTC

}// 140/140

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

grapevine

u/katkip

cool
u/ersagun

Nice. I see wasted so many characters.

show FPS hide FPS share fullscreen

ersagun

function u(t) {

j=C(T=t*4-S(t*8)/2)-S(Math.acos(1-Math.abs(i=S(T))))
z=(a,k)=>(a*(3-C(T/27))+k)*99
x.lineTo(z(i,9),z(j/1.5,7))
x.stroke()

Oct 19 2018 6:55 PM UTC

}// 121/140

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

I thought I should start simple. Heart formula I used here is a parametrization of a heart formula I derived some years ago.

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(c.width=640,i=4e3;i--;x.fillRect(320-(3+S(t)-i%8)*J,210-((i/8&7)-2.2)*J,J/=2,J))J=i/64&4&&85/(i/64+t%.9*9)*60,x.fillStyle=R(q=2e4/J,q,q)

Oct 17 2018 4:20 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/yonatan

Very nice!
u/aleamb

wow, great!!
u/magna

Get out!
u/joeytwiddle

:-D
u/iverjo

Very good!