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 1 remix fullscreen

taupelink

remix of d/15520 by u/taupelink

function u(t) {

for(i=d=e=f=g=1e3;i--;x.fillRect(d*z,e*z,.5,.5))[d,e,f,g]=[(r=Math.random(z=240)*24|0)/2+(p=1+f)*C(d),1+r%4-S(d^r)/p,r%3/2+g/9,r%5/2+1/p]

Aug 25 2019 9:55 PM UTC

}// 137/140

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

d/15521

u/katkip

looks good

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/15512 by u/taupelink

function u(t) {

for(i=d=e=f=g=1e3;i--;x.fillRect(d*z,e*z,.5,.5))[d,e,f,g]=[(r=Math.random(z=90)*z|0)/4+(p=2-f)*g*C(d),r%13+g-S(d+r*r)/p,r%5/6+g/9,r%2/4+1/p]

Aug 25 2019 8:26 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/15520

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

c.width+=0;for(i=-64;++i<65;)for(j=-64;++j<65;)x.fillStyle='#03F',x.fillRect(i*S(t)*8.4+j*C(t)*8.4+960,(i^j)*8.4+540,5,5)//first dweet <140!

Aug 22 2019 5:27 PM UTC

}// 140/140

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

Plot of XOR function

u/taupelink

very cool!
u/katkip

WOW
u/KilledByAPixel

👍
u/django

really cool, welcome to dwitter!

show FPS hide FPS share fullscreen

taupelink

remix of d/15514 by u/pavel

function u(t) {

with(x)for(c.width|=i=7,translate(960,540);i--;fillRect(-2e3,-2,4e3,4))rotate(q=.9),beginPath(fill(arc(z=S(t+i*q)*500,0,(5e5-z*z)/1e4,0,7)))

Aug 25 2019 6:30 PM UTC

}// 140/140

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

An optical non-illusion remix: The discs appear larger when they're closer to the center...because they are! ;-)

show FPS hide FPS share fullscreen

taupelink

remix of d/15523 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽搽攽昽朽栽ㅥ㌻椭ⴻ砮晩汬剥捴⡤⩺簰ⱥ⩺簰ⰱⰱ⤩孤ⱥⱦⱧⱨ崽嬨爽䵡瑨⹲慮摯洨稽㠰⤪㤵簰⤯㌫昪札支㔬爥ㄳ⬲⩨⭧⨨ㄭ朩⭦⨨ㄭ昩⭤⽺Ⱞ㌫爥㌫术㤬爥㐯㈫栯㤬ㄯ晝ⱸ⹦楬汓瑹汥㵒⡦⨹〬未稬株稩`.replace(/u(..)/g,"$1%")))

Aug 26 2019 5:36 PM UTC

}// 140/140

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

Texture with three parameters. Compression by d/9207

show FPS hide FPS share fullscreen

django

remix of d/15485 by u/django

function u(t) {

x.translate((c.width*=1)/2,h=540)
x.beginPath()
for(i=0;i<50;i++)for(j=0;j<50;j++)z=t+j+i,x.rotate(i+z/1e4),x.lineTo(S(z),C(z/4)*h)
x.fill()

Aug 23 2019 7:57 AM UTC

}// 140/140

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

Orbit take 2 #remix

u/iverjo

Cool! It looks #organic

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

c.width+=0;n=(m,k)=>k(i*m%99*.0641141)*540+540;for(i=99;i--;x.lineWidth=5)x.moveTo(n(1,S)+420,n(1,C)),x.lineTo(n(t,S)+420,n(t,C));x.stroke()

Aug 23 2019 9: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).

Times tables on a circle

u/ben221199

I made a web page where you could generate these things with some parameters, but this JS also looks nice.
u/mildlybean

Could you post a link?

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/15521 by u/taupelink

function u(t) {

for(i=d=e=f=g=1e3;i--;x.fillRect(d*z,e*z,.5,.5))[d,e,f,g]=[(r=Math.random(z=90)*65|0)/3+(p=1+f)*g*C(d),r%13-p*S(d+r/2+g),r%4+g/z,r%5-f/z]

Aug 26 2019 12:40 AM UTC

}// 137/140

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

d/15522

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/15465 by u/taupelink

function u(t) {

for(i=d=e=f=g=1e3;i--;x.fillRect(120+d*z,z+e*z,1,1))[d,e,f,g]=[(r=Math.random(z=400)*9|0)/2+f*C(d+r),f-r%2+g*C(d^r),(r%2+f)/2,(r&4)/9+g/4]

Aug 23 2019 3:49 PM UTC

}// 138/140

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

d/15504

u/taupelink

jumping on the "xor" bandwagon :)
u/katkip

looks like mountains #landscape
u/iverjo

#art
u/Qwitter

amazing!

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𪑦𚀡𭀦𙠨𥀽𫁯𨱡𫁓𭁯𬡡𩱥𦰢𭁣𫐢𧐩🐽𭑮𩁥𩡩𫡥𩀩𮱔👛𧐻𩡯𬠨𪰽𜀻𥀮𫁥𫡧𭁨🀲𝐶𞱫𚰫𚑔𛡰𭑳𪀨𨁨𬱬𚀤𮰲𝀰𛑫𚡫𚡫𛰨𪰪𚠱𛠹𞐩𚠨𤰨𪰯𞐩𛱫𚱫𛰨𪰫𪰯𞐩𚑽𛀤𮰱𜀰𛐵𜀪𤰨𪰯𜠱𛐱𛠶𚑽𙐬𙁻𝀵𛑫𛰹𞑽𙐩𨀩𯐠`.replace(/uD./g,'')))

Aug 24 2019 8:18 AM UTC

}// 127/140

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

Turbo colormap. Use localStorage["tcm"] (256 elements array)

u/katkip

Add localStorage.tcm = T; for (i in T) x.fillStyle = T[i], x.fillRect(i*5,0,5,2e3)
u/mildlybean

Cool!