Random dweets | Dwitter

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

yonatan

function u(t) {

c.width|=0
a=(s,A,g,h)=>s<4?[]:[g=s*S(A),h=s*C(A)].concat(a(s*.9,A+t),a(s*.4,A-t),-g,-h)
x.stroke(new Path2D('M960 99l'+a(199,0).join(' ')))

Jan 26 2018 5:44 AM UTC

}// 140/140

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

u/zanella

Great!! Love fractals!! Also, I was hoping to see more dweets using Path2D, I think there's lots os great possibilities in there.
u/sigveseb

Very nice! And shh, Path2D is the hidden secret of the canvas api :D
u/sigveseb

But yeah, can't wait to see more Path2D dweets :)
u/iverjo

#fractal #recursive
u/f8f82804

#path2d
u/vain

just wonderful !

show FPS hide FPS share 1 remix fullscreen

metamero

remix of d/11510 by u/metamero

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👮🐱𜠸𞱍👴🱍𛡭𨑰𚀨𭠬𪰩🐾𦱮𛀱𛁮𛐱𛁮𚰱𧐮𫑡𬀨𩀽🡶𚰽𣑛𚁫𚱤𚱹𚐥𮑝𚱍𦰨𪰭𩀫𮐩𙑹𧐬𭠦𙡸𛡦𪑬𫁒𩑣𭀨𜐵𚠨𪰥𫠩𛀱𝐪𚁫𛱮𯀰𚐬𞐬𞐩𚐦𙡶𧠴🱶🐽𜰺𣑛𪱝𚐺𦰮𛠮𠑲𬡡𮐨𮐽𝰲𚡮𚑝𛡭𨑰𚁶🐾𣑡𭁨𛡲𨑮𩁯𫐨𫱮𨱬𪑣𪰽𬡥𬱥𭀩🠮𝐩`.replace(/u../g,'')))

Jan 17 2019 9:50 PM UTC

}// 140/140

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

beautiful rendering #gameoflife : reset on click : Math.random initialization : toroidal space (wraparound)

u/metamero

#compressed using the NEW tool d/11852 support!
u/katkip

#massive

show FPS hide FPS share fullscreen

metamero

function u(t) {

x.font='20em Courier'
x.fillStyle=R((t*80)%255)
x.fillText("metâ",250,999)
x.fillText("mero",1100,999)
x.drawImage(x.canvas,-2,0,1922,1070)

Nov 13 2018 5:15 PM UTC

}// 139/140

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

show FPS hide FPS share fullscreen

TGY

remix of d/19468 by u/taupelink

function u(t) {

eval(unescape(escape`昽砽㸨礽匨砩⤾匨礩㽹⩹⩦⡸⬮ㄩ㩹㭦潲⡩㵫㴹㤻椭ⴻ⥘㴨爽䵡瑨⹲慮摯洩⠩⩫ⱙ㵲⠩⨶ⱸ⹦楬汒散琨欫欪⡴⼳簰⤪㐫堪䌨天Ⱬⵘ⩓⡙⤬昨堩㹦⡘⽙⨪⸵⼲〩ⰹ⽦⡘⤥ㄩ`.replace(/u([^D].)/g,'$1%')))

May 28 2022 10:34 AM UTC

}// 125/140

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

Please, hold each finger for 3secs to scan 'em

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/12080 by u/stellartux

function u(t) {

with(x)setTransform(u=30*C(w=t&&w<469?w+2.4:1),v=30*S(w),-v,u,960,540),beginPath(),fillStyle=`hsl(${t}rad 95%50%`,fill(arc(w**.5,0,1.2,0,7))

Feb 4 2019 5:33 PM UTC

}// 140/140

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

#rainbow #phyllotaxis

u/f8f82804

I'd wanted to do this without any trig, using rotate() and save()/restore(), but it was about 4 bytes too long.
u/pavel

135 with(x)setTransform(30,0,0,30,960,540),rotate(w=t&&w<469?w+2.4:1),beginPath(fillStyle=hsl(${t}rad 95% 50%),fill(arc(w**.5,0,1.2,0,7))

show FPS hide FPS share 1 remix fullscreen

username

remix of d/15492 by u/username

function u(t) {

t=(t+9)*t
eval(unescape(escape`朽挮睩摴桞㴰㭦潲⡪㴴㭪ⴭ㬩景爨椽朻ⴭ椻砮晩汬剥捴⡩ⰵ㐰⵷⼲⭓⡩⼴㌩⨹⬨焽㤶〭椩⼲⨨焾㸳ㄩ⨪椬㈬眩⥷㴮㐪⨨椯㤹⴨琫権⨶┲㜫㔩⨪㈪ㄶㄫ㤬砮晩汬却祬攽恨獬⠤筩⼶紬㘸┬㔰╠`.replace(/u(..)/g,"$1%")))

Sep 20 2019 5:42 PM UTC

}// 140/140

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

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17953 by u/tomxor

function u(t) {

c.width=-1;for(i=2e3;m=i&1,v=(K=t%2)<1?25:K%1*99**1.1,p=i%3*3,i--;)x.fillRect(150+p*S(P=i**.7)+v*C(V=i**.5+t),78+p*C(P)+v*S(V)*C(!p*i),1,1)

Mar 16 2020 11:30 AM UTC

}// 139/140

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

Blowing The Enemy #coronavirus

Show more comments…
u/WorldMerge

This is really cool! Does setting the canvas width to -1 make it full-width?
u/rodrigo.siqueira

c.width=-1 is a trick I saw here (probably from u/pavel) that makes width=300 pixels. I used throw(c.width) to see "300". So it's a compact form to create a medium-low resolution image.
u/tomxor

300px is the default canvas width. What's particularly odd is that while setting negative numbers causes default value, everything else that ordinarily coerces to NaN will result in 0. e.g throw Number({}).toString() // NaN c.width={}; throw c.width.toString() // 0
u/tomxor

I guess in c++ land width has outofrange=300 and NaN=0
u/katkip

looks good
u/katkip

but dangerous

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

with(x)for(fillRect(0,0,c.width|=i=6,2e3),globalCompositeOperation="xor";i--;fillText("𝐗𝐎𝐑",130+49*S(q=i/.95+t),820+49*C(q)))font="52em'"

Jun 23 2019 2:36 AM UTC

}// 137/140

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

The power of XOR

show FPS hide FPS share fullscreen

initramfs

remix of d/22893 by u/KilledByAPixel

function u(t) {

t?t*=180:X=Y=Z=R=8
for(a=S(R),b=C(R),p=2e4;p--;x.fillRect(p,t,2-8/T,T=3))for(A=p/2e2-2,B=t/800;(X-T*a^Y+T*B^Z+T*(A*a-B*a-b))%15>1;T+=T/99);

May 31 2021 4:50 AM UTC

}// 139/140

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

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

a=530;m=t%28;c.width=2e3;x.beginPath();for(i=1;i<m+1;i++){p=3*t+i*6.28/m;x.lineTo(a*(2+C(p)),a*(1+S(p)))}with(x)closePath(),fill(stroke())

Jan 21 2018 5:00 PM UTC

}// 138/140

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

For some reason my phone does not require the x.beginPath(); command. (?)

u/sigveseb

afaik you don't need beginPath at all, since setting the width of a canvas resets it completely, including the current path
u/Qwitter

Thank you for your answer. It does work the same w/o beginPath on the phone's Safari browser, and i was able to get a little color with x.fillStyle=R(p);. However, it just makes a way to many verticied jumbled circular shape w/o it on the edge explorer (its a bad habit) on my computer. Another major difference I have seen between the phone andthe computer is in the results of using the 'HSVA' color coordinates, sometimes they look vastly different, but im not sure under what conditions that happens. Probably not worth investigating, but I'll note them here to spread some awareness.
u/Qwitter

*HSLA
u/Xen

part way between square and pentagon it gives a cube optical illusion ;)