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:22 PM UTC

}// 140/140

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

Heart tissue

Show more comments…
u/magna

#waitforit
u/cantelope

...still waiting
u/KilledByAPixel

there is nothing to see! maybe you meant to not clear the canvas? try removing c.width|=
u/SockTaters

It's a little faint, but I can see it breathing
u/magna

What browser y'all using? I see it with chrome both on mac and win.
u/tomxor

I can see it on Linux using Firefox@30 FPS and Chrome@15 FPS. I suspect on a phone it's going to be single digits with Chrome so it's going to take a whlie to appear.
u/joeytwiddle

I'm using Firepants on a BlackberryPi in 2076, looks fine here

show FPS hide FPS share fullscreen

zachygreen

function u(t) {

a=n=>n<0?-n:n
p=n=>255*(a(n)-a(n-1)-a(n-3)+a(n-4))/2
x.fillStyle=R(p((t+2)%6),p(t%6),p((t+4)%6))
x.fillRect(t*100,440*S(t/2)+440,-800,200)

Nov 9 2024 2:16 AM UTC

}// 138/140

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

u/fentbiggesthater

interesting you should try bytebeat instead

show FPS hide FPS share fullscreen

lewdev

remix of d/32706 by u/zachygreen

function u(t) {

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

Nov 9 2024 1:57 AM UTC

}// 90/140

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

3D #sphere (golfed -15b)

u/fentbiggesthater

stolen? ive seen earlier today from @zachygreen
u/lewdev

Yes, it's a remix of u/zachygreen . I just golfed it.

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