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: #Opposites

show FPS hide FPS share fullscreen

magna

remix of d/32712 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`󨼮󬽴󮝬󩜮󩭩󫍴󩝲󟝠󬽥󬍩󨜨󛬵󨌻󩭯󬬨󨜽󨬽󭌬󪜽󞝥󝌻󪜭󛜻󨜫󟜨󭌪󪜯󨬦󜜩󚬳󛝢󚭓󚍡󚬴󚜯󝌭󨜪󨜯󝌮󜜬󨬽󨬯󜬭󠼨󨜪󜼮󜌩󚝸󛭦󪝬󫍓󭍹󫍥󟝒󚍩󚜬󮌮󩭩󫍬󤭥󨽴󚌳󞌰󜌭󨜪󝽥󜼭󨜪󚬱󜜪󪜬󝜰󜌭󨬪󜭥󜼬󛬱󛌱󚜻`.replace(/u../g,'')))

Nov 8 2024 6:03 PM UTC

}// 122/140

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

Marbled meat edition

show FPS hide FPS share fullscreen

New_Core

remix of d/32708 by u/tomxor

function u(t) {

for(c.width|=i=7;i--;)x.quadraticCurveTo(X=960+400*S(a=i*1.047),Y=540+400*C(a),X+200*S(b=a+4.2+.314*S(t)+.314),Y+200*C(b))
x.fill()

Nov 7 2024 12:03 PM UTC

}// 131/140

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

Just wanted to see if a curve could be used. (there is a linebug, thats why I chose fill)

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/32707 by u/skeletonNatte

function u(t) {

c.style.filter='invert(1'
R=(a)=>1+a*S(t*a)
r=1e3-25*t
x.beginPath()
x.arc(960+C(t)*r+R(18),570-S(t)*r+R(14),r>0?40+r/40:0,0,7)
x.fill()

Nov 7 2024 10:14 AM UTC

}// 136/140

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

Whipped cream disaster

u/cantelope

funny title
u/fentbiggesthater

heh reminds me of something that happened last night!

show FPS hide FPS share 1 remix fullscreen

skeletonNatte

function u(t) {

c.style.filter='invert(1'
r=450-25*t
x.beginPath()
x.arc(960+C(t)*r,570-S(t)*r,(t<16.75)*40,0,7)
x.fill()

Nov 6 2024 8:12 PM UTC

}// 105/140

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

Spiral

show FPS hide FPS share 1 remix fullscreen

zachygreen

function u(t) {

for(i=-1;i<1;i+=0.05){l=(1-i**2)**(1/2)
x.fillRect(960+900*(S(t)*l)/(2-C(t)*l),540+900*i/(2-C(t)*l),5,5)}

Nov 6 2024 5:58 AM UTC

}// 105/140

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

u/cantelope

very small code!
u/fentbiggesthater

decent for a beginner. welcome to dwitter

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/32703 by u/cantelope

function u(t) {

for(c.width|=k=6;k-=1/64;x.fillRect(960+320*F(S),540+320*F(C),9,9))F=f=>(1+S(T(S(t*4))/2+t*2))/2*(f(a=~~k/.95)+k%1*f(a+2.1)-f(b=k/.95))+f(b)

Nov 6 2024 9:00 PM UTC

}// 140/140

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

Smoler Interpolated Shapes

u/cantelope

amazing solution. i never would have thought of passing functions to a function to save space :D
u/lewdev

u/cantelope I'm glad I saw your comment. Amazing indeed!
u/tomxor

Yo dawg, I heard you like functions, so i passed functions to your functions so you can execute while you execute.

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)fillStyle="#0001",fillRect(0,0,2e3,2e3),font="6cm'",clearRect(960+600*C(t/2),420,9,200),fillText("DWITTER",450+150*C(t/2+3.14),600)

Nov 5 2024 10:10 PM UTC

}// 138/140

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

u/Coalshork

i love how this looks like a shadow!
u/fentbiggesthater

i think it just said the n word, ban? sorry im illetirate

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𪠽𚁭👓𚁴𚠲𚐪𜠩🠱🰱𞡭🀰🰰𞡭𛁩👣𛡷𪑤𭁨🐳𝠰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𜐸𜀫𚁓𚁶👯𛱱𚡩𚐪𪠫𚁡𚰨𤰨𬰽𫰪𚀱𚱮𚐩𛑡𚐯𬐪𫀩𚡫𚐪𬐬𞐹𚰨𠰨𭠩𚡪𚰨𠰨𬀩𚰨𠰨𬰩𛑃𚁰𚐩𛱱𚡬𚐪𪰩𚡱𛀲𛀲𚐩𫀽𪐥𚁱🐶𜀩𛁯🐱𛠰𝐬𪰽𜐭𪠬𫠽𪐯𬑼𜀬𨐽𤰨𬀽𫰪𫠩`.replace(/u../g,'')))

Nov 5 2024 8:43 PM UTC

}// 140/140

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

interpolated shapes

u/tomxor

Neat!
u/fentbiggesthater

chinese code, ccp? report ban spying on american citizens😡💢👼🏿

show FPS hide FPS share fullscreen

zachygreen

function u(t) {

c.width*=1
for(j=0;j<384;j++){y=0
a=(S(t/4)+2)**29
for(n=0;n<100;n++)y-=(0.1)**n*C(10**n*(j-192)/(a*100))*486
x.fillRect(j*5,a*(y+540),5,5)}

Nov 5 2024 4:54 AM 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

Agnes

remix of d/32694 by u/Agnes

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👱🐹𞐻𛐭𬐻𚑦𫱲𚁪🐹𞐬𠐽𞐭𤰨𣰽𭀫𬐩𛁸𛡳𩑴𥁲𨑮𬱦𫱲𫐨𣐽𠐪𠰨𣰩𛁎👓𚁏𚐪𠐬𛑎𛁍𛀳𜀰𚠨𬐥𜐰𚐬嵮𬐯𛠰𝐩𞱪𛐭𞰩𩡯𬠨𪐽𞀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁩𚱓𚁪𚱴𚐪𪠯𜐰𛐴𛁪𛐵𛁂𛁂𚐩𠠽𘡾𰒁𹒥𰒁𰒁𰓕𺰢𛡣𪁡𬡃𫱤𩑁𭀨𪡼🐰𚐾🡩𙠱`.replace(/u../g,'')))

Nov 5 2024 10:07 AM UTC

}// 140/140

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

#ghost grid

u/tomxor

So cute!