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

rodrigo.siqueira

remix of d/18807 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=(X,Y,n=72)=>X+Y<n?f(X*X-Y*Y-.8,2*X*Y+.2,n-1):x.fillStyle=`hsl(${n},80%,${n*2}%`;i--;x.fillRect(i,t*60,1,9))f(i/8e3-.2,.7-t/99)

May 16 2020 11:50 PM UTC

}// 138/140

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

White Orange #Julia #Spiral zoom

u/joeytwiddle

Peach and leafy

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/18766 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👫👩🐷𝠰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𨠿𥀫𬠪𚁩𙐴𚠲𛐱𝀩𞡩𚠹𛁢🱩𛑫𚱲𚠹𞠨𪐪𚠳𚱴𚡫𚐥𥀬𨠿𬐿𬠺𥀽𜠲𜀰𞡲🐹𛀊𬐦𨠦𚁩𛑴𚠱𜠰𚠨𪐥𝀭𜠩🠾𝀩𙐷🐽𜀿𛑲𞡲𚐩𬐽𪐥𜠬𨠽𪐾𜠲𜀬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𨐽𚁫𛑩𚐯𚁱🰵𞠲𚐬𨐬𨐩𛁲🐱𩐷𛱩𛱩`.replace(/u../g,'')))

May 14 2020 5:14 AM UTC

}// 139/140

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

Snowy Highway 🚘

u/sigveseb

Sweet!
u/lionleaf

Really nice!
u/KilledByAPixel

thanks! another one that came to me in a dream.
u/robbyg

And here I would have guessed you never sleep. ;)
u/aleamb

#highway #landscape

show FPS hide FPS share fullscreen

GreenBeans

function u(t) {

for(i=0;i<99;i++){x.fillStyle=R(S(t*2)*255,S(t*i)*255,);x.font=3600-i*30+"px Arial";x.fillText('beans',i*2*C(t*3)+i*9-999,999+i*S(t*2)+i)}

May 17 2020 2:55 PM UTC

}// 138/140

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

b e a n s ? yes :)

u/Starry

☕ beans or 🐾 beans?
u/GreenBeans

that is the question

show FPS hide FPS share fullscreen

smtsjhr

function u(t) {

x.font='400px monospace'
for(i=0;i<5;i++){p=1000-i*90*(1+S(t))
x.fillText('⬜⬜⬜⬜⬜',0,p)
x.fillText('LAYERS',230,p)}

May 18 2020 11:37 PM UTC

}// 114/140

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

LAYERS

u/smtsjhr

ok maybe boring i know but my eyes need rest from all the wild movement and flashing i willingly subject myself too

show FPS hide FPS share fullscreen

bananinha

function u(t) {

alert(10);

May 18 2020 9:11 PM UTC

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

GreenBeans

function u(t) {

for(i=0;i<120;i++){x.beginPath();x.arc(800+i*2*C(t*3),500+i*S(t*2),3600-i*30,0,2*Math.PI);x.fillStyle=R(0,99*S(t+i/9),15*S(t+i/3));x.fill()}

May 17 2020 2:32 PM UTC

}// 140/140

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

b e a n s ? no

show FPS hide FPS share fullscreen

davidsover

function u(t) {

c.width|=0
a=2 * Math.PI * t
x.fillRect(900+90 * Math.cos(a),500+90 * Math.sin(a),90,90)

May 18 2020 2:19 PM UTC

}// 88/140

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

Orbiting Rectangle

u/davidsover

Idk why I didn't use the shortened versions of sin and cos...
u/Xen

Welcome to the dwitter family!

show FPS hide FPS share fullscreen

GreenBeans

function u(t) {

c.width=1920
for(i=0;i<23;i++){x.beginPath();;x.arc(950+700*C(3*(t+i)),550+460*S(3*(t+i)),500,0,2*Math.PI);x.fillStyle=R(0,i*9,0);x.fill()}

May 16 2020 1:51 PM UTC

}// 139/140

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

n o b e a n s

show FPS hide FPS share fullscreen

hellion

function u(t) {

x.fillRect(i=0,0,w=c.width=2e3,w)
x.fillStyle='#0a0'
x.font='3em"'
for(;i<99;)x.fillText(++i/9*t&1,w/2+w/(5*C(t)+9)*S(4*t+i),i*9+99*C(t*3))

May 14 2020 5:59 PM UTC

}// 139/140

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

u/DataMeta

Nice one. Welcome!

show FPS hide FPS share fullscreen

AOctavio

function u(t) {

c.width=1920
x.fillStyle=R(S(t)*500,C(t)*100,S(t)*150)
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,500+i/3*10+T(t)*i*10,50,100*T(t)-i*10)

May 15 2020 5:29 PM UTC

}// 140/140

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

Yeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

u/nml

Yeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
u/Lukieeee

E
u/Lukieeee

in the wise words of markiplier
u/ximavus

yeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeea boiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii