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

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!

show FPS hide FPS share fullscreen

durian-favored-monster

function u(t) {

c.width=1920
x.fillRect(500+S(t)*500,500+C(t)*500,-S(t)*500,-C(t)*500)

Jul 2 2019 4:00 AM UTC

}// 70/140

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

test

u/Xen

a quick golf would be c.width|=z=500,x.fillRect(z+S(t)*z,z+C(t)*z,-S(t)*z,-C(t)*z) ,, welcome to the site

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

r=X=>S((X|0)*(Y|0))
f=_=>r(X)*(1-X%1)+X%1*r(X+1)
for(i=1920;i--;X=i/34,Y=frame/34,x.fillRect(i,frame,q=2*((1-Y%1)*f()+Y%1*f(Y++)),q));

Jul 1 2019 1:44 AM UTC

}// 134/140

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

Strange Grating

u/joeytwiddle

I see paths trodden around city blocks. One block is rarely visited.
u/donbright

cool
u/rep_movsd

#underrated

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(c.width=960,p=Math.PI,r=270,k=64;k--;)for(r*=k%2||C(d),n=j=k%2?7+k>>1:99;j--;x.arc(480,270,r,a=2*d*j-p/2,a))d=p/(n-1)
x.fill`evenodd`

Jun 29 2019 11:20 PM UTC

}// 137/140

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

Vertex sphere

u/pavel

Based on Mathologers shirt: https://www.youtube.com/watch?v=O1sPvUr0YC0
u/KilledByAPixel

👍
u/Xen

oooooo nice
u/pavel

With more layers the middle circle does not shrink to nothing, it asymptotically approaches about 11% of the radius