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

yonatan

function u(t) {

w=c.width=64
h=40
for(i=5e3;i--;)i>6?x.fillRect(i&63,(i>>6)+h,s=S(i**4),s):x.drawImage(c,0,h+t%h,h,w,0,0,z=2**i*64,z,x.globalAlpha=i**.5/9)

Oct 19 2018 5:23 AM UTC

}// 139/140

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

Value #noise with #fbm

u/yonatan

some cross-browser issues. better on chrome.
u/iverjo

#clouds
u/aleamb

wow! superb and very smart!

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=1e3
x.font='5em"'
x.scale(3,1)
x.fillText('👻',99,99)
x.putImageData(new ImageData(x.getImageData(0,0,3e3,1e3).data,1e3,3e3),0,0)

Oct 22 2018 1:45 PM UTC

}// 136/140

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

Proof of concept of skipping scan lines by swapping w/h while transferring pixels

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

c.width|=0;for(i=63;i--;)for(j=12;j--;){x.fillStyle=R(p=j*16,p,p);l=i&1?i:-i;x.fillRect(860+S(l/10)*600,700+C(l/10)*300*S(t)-j*16,200,16)}

Oct 22 2018 1:40 PM UTC

}// 138/140

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

the closest thing to 3d i can do

show FPS hide FPS share fullscreen

trahim

remix of d/10615 by u/rbong

function u(t) {

(unescape(escape`⁴㼱㩭㵮敷⁗敢䅳獥浢汹⹉湳瑡湣攨湥眠坥扁獳敭扬礮䵯摵汥⡕楮琸䅲牡礮晲潭⡠尰慳洁尰尰尰ĆŜ态缁缃ȁ尰܅ā慜ぜ《ँݜ〠尰⁜ぬୠⱣ㴾挮捨慲䍯摥䅴⠰⤩⤩⹥硰潲瑳㭡㵭⹡⡴⤻砮晩汬剥捴⡡ⱡⱡⱡ⤊`.replace(/u(..)/g,"$1%")))

Oct 23 2018 12:53 PM UTC

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

veubeke

function u(t) {

with(x)for(fillRect(0,0,c.width^=i=0,2e3),globalCompositeOperation='xor';i++<10;fillText('👻',960-_,500+_))_=S((t+i/5)%3)*400,font=_*2+'px"'

Oct 22 2018 12:33 PM UTC

}// 139/140

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

#ghost

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