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

katkip

function u(t) {

t||(s=0,X=960,Y=540)
x.fillRect(X,Y,10,10);
X+=(r=Math.round)(S(s))*10,Y+=r(C(s))*10
s+=T(t)

Nov 27 2019 12:28 PM UTC

}// 92/140

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

nobody's ant

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/16023 by u/rodrigo.siqueira

function u(t) {

for(c.width=a=400;a--;)x.arc(99,99,(2+S(a*2+t)+a*t%500),1.61,7.8),x.globalAlpha=.3,x.fillRect(a,188+20*S(a)*C(a/5)+C(a/2)*3,5,58);x.stroke()

Nov 24 2019 8:56 PM UTC

}// 140/140

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

Kraftwerk's Antenna with city skyline. 📡

u/DataMeta

📻📺📶
u/joeytwiddle

#scene #tribute

show FPS hide FPS share fullscreen

Blacklink

function u(t) {

function d(a,b,s,c){if(s<0)return
x.font=s*99+"px a"
x.fillText(c,a*99,b*99)
}c.width|=0
d(5,8,7,"🌍")
d(9+3*S(t),6+3*S(t),2+4*C(t),"🛰️")

Nov 25 2019 1:26 PM UTC

}// 138/140

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

Orbiting Satellite

u/Xen

nice idea

show FPS hide FPS share fullscreen

DataMeta

function u(t) {

x.beginPath(x.fill());for(i=9;i--;)t<2?x.arc(960+270*S(t*3)+i*3,540-240*C(t*3)-i*3,64*C(t*.8),0,7):0

Nov 26 2019 4:27 AM UTC

}// 100/140

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

Ensō

u/katkip

you did it backwards but ok
u/DataMeta

There is no right or wrong way to draw one
u/DataMeta

It is an act of meditation and an expression of the mind and body's state in the moment

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𦀽𞐶𜀬𦐽𝐴𜀬𦠽𝀰𜀭𭀪𞀻𮀮𩡩𫁬𤱴𮑬𩐽𘠣𜀰𜀲𘠻𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀲𩐳𛀲𩐳𚐻𩡯𬠨𪐽𞐻𪐭𛐻𚑸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𦠪𜐰𜁽𛀹𞐥𛀵𜀥𚑠𛁸𛡦𪑬𫁒𩑣𭀨𦀭𦠯𝐬𦐭𦠯𝐬𦠯𝀬𦠯𝀩𛁘𚰽𠰨𦀫𦠯𞐩𚡚𛁙𚰽𤰨𦐫𦠯𞐩𚡚𛁚𛰽𭀠`.replace(/uD./g,'')))

Nov 27 2019 11:56 AM UTC

}// 133/140

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

Zooming out from the solar system

show FPS hide FPS share fullscreen

Xen

remix of d/7126 by u/dwardu

function u(t) {

r=n=>(t**t%n|0)*97
x.drawImage(c,r(19),r(9),192,192,r(20),r(11),w=96,w)
x.fillStyle=R(r(3))
x.fillRect(r(21),r(11),w,w)

Nov 25 2019 7:37 PM UTC

}// 119/140

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

test

u/veubeke

Test successful: crashes my Safari on iOS every time
u/Xen

oops, sorry V

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960,540,i,i/20,i/t)
x.stroke()

Nov 25 2019 6:15 AM UTC

}// 58/140

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

#WaitForIt

show FPS hide FPS share 2 remixes fullscreen

LimeLaser

function u(t) {

with(x){globalAlpha=.007
fillStyle="#fff"
fillRect(0,0,2e3,2e3)
fillStyle=R()
r=Math.random
for(i=187;i--;)fillRect(1820*r(),980*r(),99,99)}

Nov 27 2019 10:45 PM UTC

}// 140/140

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

Fragile, Morphing Fabric (or Paint To Cover Graffiti)

u/Xen

very cool idea
u/Xen

(not graffiti part, thats art)
u/LimeLaser

Sorry, I meant that as a description. My friend said it reminded him of those single-color rectangles of paint they cover graffiti with. I don't know the name for them.

show FPS hide FPS share fullscreen

Xen

remix of d/16751 by u/LimeLaser

function u(t) {

with(x){fillRect(0,0,z=2e3,z)
for(r=Math.random,i=187;i--;fillStyle=R(i,i/C(t),z%i,.01))fillRect(z*r(),1e3*r(),i,i)}

Nov 28 2019 8:01 PM UTC

}// 116/140

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

test

show FPS hide FPS share fullscreen

Xen

remix of d/16751 by u/LimeLaser

function u(t) {

with(x){fillRect(0,0,z=2e3,z)
for(r=Math.random,i=187;i--;fillStyle=R(i,i/C(t),z%i,.01))fillRect(z*r(),1e3*r(),i,i)}

Nov 28 2019 8:01 PM UTC

}// 116/140

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

test