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

BuRRak

function u(t) {

eval(unescape(escape`漽季㴢≝㭲㵁牲慹⠹㤩⹦楬氨椽〩㭦潲⡪⁯映焩挫㴢牛楝⬫㬬牛楝ⴭ㬬睨楬攨牛楝⥻ⱽⱩ⬫㬬椭ⴻⱯ⹰畳栨牛楝⤻∮獰汩瑠Ⱡ嬢⬭孝㸼⸢⹩湤數佦⡪⥝㭥癡氨挩㭴桲潷⁓瑲楮朮晲潭䍨慲䍯摥⠮⸮漩`.replace(/u(..)/g,"$1%",q='')))

May 10 2021 9:50 PM UTC

}// 139/140

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

Brainfuck interpreter, code goes inside the q variable. Everything but input is supported.

show FPS hide FPS share 2 remixes fullscreen

andrea270872

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👁🐮𜰯𠰨𭀥𞐯𞐩𒡸𛡴𬡡𫡳𫁡𭁥𚀱𩐳𚱃𚁴𚐪𝀰𜀬𝠵𜀫𤰨𭀩𚠱𞀰𚐊𮀮𩡩𫁬𤱴𮑬𩐽𘠣𠑁𠰳𘠊𩡯𬠨𪐽𞀲𞱩𛐭𞱸𛡴𬡡𫡳𩡯𬡭𚁃𚁁𚐫𛠱𛁓𚁁𚐬𛑓𚁁𚐬𠰨𠐩𛀰𛀰𚐩𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀹𛀹𚐠`.replace(/u../g,'')))

May 10 2021 9:39 PM UTC

}// 121/140

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

#seashell floating in the sea

u/andrea270872

c.width|=A=.3/C(t%9/9) x.translate(1e3+C(t)*400,650+S(t)*180) x.fillStyle="#AAC3" for(i=82;i--;x.transform(C(A)+.1,S(A),-S(A),C(A),0,0))x.fillRect(0,0,9,9)

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/22712 by u/taupelink

function u(t) {

x.globalCompositeOperation='darken';for(i=120;--i;x.fillRect(e*f%2e3,e/b,-e*b,6*i*b))f=997*i*t,x.fillStyle=R(i,e=(b=.7**t)**-(f*f%8),4e4/e)

May 9 2021 3:48 PM UTC

}// 139/140

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

d/22732

u/andrea270872

this is definetly underwater! very nice

show FPS hide FPS share fullscreen

New_Core

function u(t) {

with(x)t?(rotate(.0002),strokeRect(a=-390,a,780,780),drawImage(c,-956,-536,1912,1072),strokeStyle=`hsl(${t*9},99%,50%)`):translate(960,540)

May 9 2021 8:09 PM UTC

}// 139/140

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

hyptnotizer

u/Xen

love it!

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(M=2e3;--M;strokeStyle=`hsl(180,${M%99}%,50%)`,beginPath(stroke()))arc(960+M*S(t+M),540+M*C(M),M,0,7);

May 8 2021 10:26 AM UTC

}// 112/140

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

Whirlpool

u/magna

Love the style!

show FPS hide FPS share fullscreen

taupelink

remix of d/22713 by u/taupelink

function u(t) {

for(i=g=270;--i;x.fillRect(g*X,g*Y,e/(d=4**t),-i/d))f=g*i*t,e=(f*f%2)**8,X=e*e%7,Y=X*f%4,x.fillStyle=R(e,e^=e+C(e/g)*i,e*=5%C(Y/7)*Y,i/Y**5)

May 6 2021 4:34 PM UTC

}// 140/140

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

d/22723

Show more comments…
u/tomxor

Is everyone percieving the same thing? it's both abstract and specific for me.
u/taupelink

for what it's worth, i was going for "reeds at the water's edge." not when i began, mind you...just at some point while i was experimenting, it started looking a little like that, and i coaxed it further in that direction :)
u/taupelink

(not perfect, obvs...the water is kinda churning at its edge, and the green isn't especially natural-looking. ¯\_(ツ)_/¯ )
u/C010011012

so good
u/tomxor

Yup, "reeds at the water's edge." is what I see too, I like how it seems to remain very abstract at the same time as being detailed and specific.
u/tomxor

I suspect #abstract-impressionism might be the correct definition? I'm insufficiently educated in art to be sure.
u/tomxor

hashtag fail, #abstractimpressionism
u/tomxor

Similarly: d/22568

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

c.width|=0
for(i=99;i--;)x.arc(i*(70+t*5),540,(t-i<0?0:t-i)*99,0,7)
x.stroke()

May 6 2021 12:55 PM UTC

}// 78/140

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

breaking the sound barrier

u/Xen

nice concept!

show FPS hide FPS share fullscreen

TGY

function u(t) {

eval(unescape(escape`琿挮睩摴栽㉥㌺愽戽瘽眽ㄵ〻搽⡡⩡⭢⩢⤪⨮㔯㤻昽⡥Ⱪ⤽㹸⹲散琨ㅥ㌫攬㘰〫椬㤬㤩㭦⡡⬽戯搫㌪匨琩Ɫⴽ愯搩㭦⡶⬽眯搬眭㵶⽤⤻砮晩汬⡸⹡牣⠱攳ⰶ〰ⰶ〬〬㘩⤻`.replace(/u(..)/g,"$1%")))

May 10 2021 10:50 AM UTC

}// 122/140

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

Watch how atom collapses as electron lands on the kernel

show FPS hide FPS share fullscreen

TGY

function u(t) {

for(i=1,c.width=200,x.lineWidth=9;i<7;i+=.3)x.strokeStyle=R(i*9,i*30,i*30),x.strokeRect(71-2*i,i*(C(i*t)**2+2),56+i*4,56+i*4)

May 8 2021 9:24 AM UTC

}// 125/140

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

Those waves are so sick!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/21003 by u/katkip

function u(t) {

c.style.filter="blur(2.5vh)contrast(4)"
x.fillStyle=R(90)
for(Z=50;Z--;)x.beginPath(),x.fill(x.arc(40*Z,550+S(Z+T(Z+t))*99*t,40,0,7))

May 7 2021 12:02 AM UTC

}// 133/140

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

Into the Darkness