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

Xen

remix of d/14866 by u/Xen

function u(t) {

//for(c.width=k=379;k--;x.arc(191+C(k*t),99+S(k*t),k,-t,t));x.fill`evenodd`

Jul 2 2019 5:30 PM UTC

}// 75/140

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

Dweetnosis2, photosensitive warning, uncomment to view

u/joeytwiddle

Trussssst in me
u/new_fizzbuzz

l

show FPS hide FPS share fullscreen

Blacklink

remix of d/14877 by u/Blacklink

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭦潲⡩㴰㭩㰱㤻椫⬩景爨樽〻樼㄰㭪⬫⥻砮晩汬却祬攽恨獬⠤筪⨳㕽ⰹ〥ⰵ〥总焽匨琫椪⸲⤻猽⸸⬮㈪焻瀽⡲㴱〰⤪猻砮晩汬剥捴⡲⩩⬵〪⠱⵳⤬㔰⭲⩪⬵〪⠱⵳⤫焪㈰ⱰⱰ⥽㬻`.replace(/u(..)/g,"$1%")))

Jul 1 2019 10:21 PM UTC

}// 131/140

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

don't know why I made the first one's colours horizontal, brain didn't quite click :P

u/Xen

theres no rules lol, do whatever fits/(feels good)
u/joeytwiddle

Tweak: c.width|=r=100;for(k=200;k--;x.fillRect(r*(k%20),50+r*j+q*20,p,p))j=k/20|0,x.fillStyle=hsl(${j*35},90%,50%,q=S(t+k*.31),p=80+20*q
u/Blacklink

Well that's the thing Xen it didn't feel that good haha, also Joey nice tweak I'm still a bit of a novice when it comes to all the handy tricks in getting things more compact!

show FPS hide FPS share 1 remix fullscreen

Blacklink

remix of d/7520 by u/Blacklink

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭦潲⡩㴰㭩㰱㤻椫⬩景爨樽〻樼ㄱ㭪⬫⥻砮晩汬却祬攽恨獬⠤筩⨱㡽ⰹ〥ⰵ〥总焽匨琫椪⸲⤻猽⸸⬮㈪焻瀽⡲㴱〰⤪猻砮晩汬剥捴⡲⩩⬵〪⠱⵳⤬爪樫㔰⨨ㄭ猩⭱⨲〬瀬瀩紻`.replace(/u(..)/g,"$1%")))

Jul 1 2019 10:17 PM UTC

}// 129/140

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

I don't usually like to cheat like this but I saw no other way to make this one fit, so yeah; 2 days too late but who cares #pride

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width=w=1920
p=t?p:Array(w).fill(0)
with(Math)for(m=min(...p),i=w;i;)p[random()*w|0]++,x.lineTo(i,(p[i--]-m)/(max(...p)-m)*1e3)
x.stroke()

Jul 1 2019 8:54 PM UTC

}// 140/140

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

This is your PRNG distribution (let it run)

u/donbright

neat
u/joeytwiddle

#random

show FPS hide FPS share fullscreen

pavel

remix of d/14846 by u/KilledByAPixel

function u(t) {

r=_=>Math.random();(frame-1)%600?0:d=r(m=r(c.width=960))
f=g=>260*((1-m)*g(a=8*t)+d*m*g(a-a/m))
x.lineTo(480+f(C),270+f(S));x.stroke()

Jul 1 2019 7:54 AM UTC

}// 134/140

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

#spirograph generator

u/pavel

I believe this generates all valid spirographs, at least the circle with a small pencil hole rolling in a circle ones.
u/pavel

The incremental drawing is not parameter aware so at the extremes its too slow / too fast and choppy
u/pavel

I was gonna improve this by using the period of a spirograph but gave up deriving it.
u/pavel

I think the period is the denominator of 1-1/m expressed as an irreducible fraction.

show FPS hide FPS share 1 remix fullscreen

WasifBoomz

function u(t) {

function fill(){x.fillRect(Math.random()*1920,Math.random()*1080,40,40)}
c.width|=0
x.filter='blur(10px)'
fill()
fill()
fill()
fill()
fill()

Jul 2 2019 10:12 PM UTC

}// 140/140

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

Cuphead Effect(Old TV Show Effect)

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14830 by u/pavel

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𨡡𨱫𩱲𫱵𫡤👠𪁳𫀨𙁻𭀪𝀵𯐠𞐹𙐷𜀥𨀻𩰽𭀾🠱𞱦𫱲𚁷👪👣𛡷𪑤𭁨𯀽𩠽𫰽🠵𜀰𚡃𚁱🐲𜠯𝰯𚀳𚱯𚠵𙐸𚐩𛱃𚀨𨐫𚁧𚱥𚰱𚐪𜐱𛰷𚐥𚀲𚡱𚐭𬐩𞱡🐴𝀯𝰪𛐭𪠯𭰻𮀮𨑲𨰨𞐶𜀬𝐴𜀬𩠨𩰫𜐩𚡥𚱦𚁧𚐪𚀱𛑥𚐬𨐬𨐩𚑥🐨𭀯𜠥𜐩𚠪𜰊𮀮𩡩𫁬𚀩`.replace(/u../g,'')))

Jul 1 2019 9:07 PM UTC

}// 140/140

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

Geometry Morph V2

u/KilledByAPixel

With some tricks to ease the rotation, and keep it vertically symmetric, plus color.

show FPS hide FPS share fullscreen

username

remix of d/14849 by u/username

function u(t) {

for(c.width|=i=17;i--;x.fillRect(325+i*76+C(t)*3e2,400+S(g=(i+1)*t)*99,43,2e2))x.fillStyle=`hsl(${2*S(g=(i+1)*t/2)*32},67%,50%`

Jul 1 2019 12:17 PM UTC

}// 127/140

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

improved #default pendulums?

show FPS hide FPS share fullscreen

username

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👲👮🐾𤰨𚁩𚱴𚠶𜀩𚡪𚠪𫠫𞐩𚠹𧠰𒡦𫱲𚁩🐱𝰻𪐭𛐻𡡐𤰽𛠳𚑦𫱲𚁪🐳𜀻𪠭𛐻𮀮𬱴𬡯𪱥𚀩𚑦𫱲𚁸𛡢𩑧𪑮𤁡𭁨𚁫🐹𞐫𬠨𝰩𚠹𚐻𪰭𛐻𮀮𫁩𫡥𥁯𚀱𜠰𚡩𚱦𚁓𚐬𜐲𜀪𚁪𙐹𚐫𩠨𠰩𚐩𩠽𡠽🠴𚡲𚀴𚐪𡠨𬠨𜰩𚡫𛰹𞐩𚰳𚡲𚀵𚐪𡠨𬠨𜠩𚡫𛰹𞐩`.replace(/u../g,'')))

Jun 30 2019 11:46 AM UTC

}// 140/140

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

doodles you can actually take a look at (#waitforit, fullscreen advised)

u/joeytwiddle

doctor's prescriptions
u/geb

#background

show FPS hide FPS share fullscreen

taupelink

function u(t) {

t||(c.width=162,r=X=4567,s=Y=89,h=l=n=1,i=k=0)
r&&x.fillText(h+`x${X}+(${k})x${Y}=`+r,0,n++*9),q=r/s|0,[h,k,r,i,l,s]=[i,l,s,h-q*i,k-q*l,r%s]

Jul 1 2019 4:45 AM UTC

}// 140/140

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

Extended Euclidean algorithm, to find h, k such that hX+kY=gcd(X,Y) #math #numbertheory

u/durian-favored-monster

i remember this in high school it was very cool! good job! this is the best text one i've seen
u/geb

EEA is so cool!