Dweets awesomed by u/sirjofri

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12336 by u/pavel

function u(t) {

for(a=b=i=800;i--;x.fillRect(270*(t&7)+99*a,1e3-99*b,1,1))r=Math.random(),[a,b]=r<.86?[.8*a,.9*b+.9]:r<.93?[-b/3,a+b/4]:[b/3,a/3+b/3+1]

Feb 14 2019 6:53 PM UTC

}// 135/140

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

Forest of trees. Barnsley #fern is an example of an Iterated Function System (IFS) to create a #fractal.

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𭀿𜡥𜰺𨐽𨠽𜀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚀱𞐰𚡢𛀶𜀰𛐱𞐰𚡡𛀱𛀱𚐩𬠽𣑡𭁨𛡲𨑮𩁯𫐨𚐪𞐹𛁛𨐬𨡝👲🀱🱛𜀬𛠱𝠪𨡝𞡲🀸𝠿𦰮𞀵𚡡𚱢𛰲𝐬𛑡𛰲𝐫𛠸𝐪𨠫𜐮𝡝𞡲🀹𜰿𦱡𛰵𛐮𜠶𚡢𛀮𜠳𚡡𚰮𜠲𚡢𚰱𛠶𧐺𦰭𛠱𝐪𨐫𛠲𞀪𨠬𛠲𝠪𨐫𛠲𝀪𨠫𛠴𝁝`.replace(/u../g,'')))

Feb 14 2019 1:28 AM UTC

}// 138/140

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

Barnsley #fern #fractal #compressed

Show more comments…
u/pavel

190 for(i=t?2e3:a=b=0;i--;x.fillRect(190*b,600-190*a,1,1))r=Math.random()*99,[a,b]=r<1?[0,.16*b]:r<86?[.85*a+b/25,-a/25+.85*b+1.6]:r<93?[a/5-.26*b,.23*a+.22*b+1.6]:[-.15*a+.28*b,.26*a+.24*b+.44]
u/tomxor

Holy ****
u/katkip

nice
u/metamero

this is beautiful!
u/lionleaf

That's amazing! #leaf
u/vain

Very nice barnsley fern
u/Joachim

#nature #organic

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`眽㤰Ⱪ㵬㵷⩷⼵ⱴ㴱⭴⩴⼱㈻景爨砮晩汬剥捴⠰ⰰⱣ⹷楤瑨㵷⨲ⱷ⨲⤻椭ⴻ砮晩汬剥捴⡘⨶ⱙ⨶ⰱ⭋ⰵ⤩堽椥眯㌬夽椯眬䘽琭椯氬䬽ㄭ䘥ㄬ䬪㴨奞堭繆⤯㈷┱⭋⨪㠬砮晩汬却祬攽恨獬⠤筩⨱㈰紬㤹┬⑻䬪㤹紥⥠`.replace(/u(..)/g,"$1%")))

Feb 14 2019 12: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).

Trinitron #crt #scanline #fractal

u/tomxor

Finally resorted to UTF8. This is a reasonably accurate slow motion aperture grille scanline animation... Although if run very slow you will see it's not simulating 3 electron beams. t=fps (scanline) w=width (subpixels) the later must be a multiple of 3 and 5. Use X, Y and floored F to plugin your own fractal!
u/tomxor

Uncompressed: w=90,i=l=w*w/5,t=1+t*t/12; for(x.fillRect(0,0,c.width=w*2,w*2);i--;x.fillRect(X*6,Y*6,1+K,5)) X=i%w/3,Y=i/w|0,F=t-i/l,K=1-F%1,K*=(Y^X-~F)/27%1+K**8, x.fillStyle=hsl(${i*120},99%,${K*99}%)
u/sigveseb

Kick-ass!
u/C010011012

bypassing the character limit I see using unicode escapements and regex u r very clever

show FPS hide FPS share fullscreen

MudkipGuy

function u(t) {

eval(unescape(escape`景爨爽䵡瑨⹲慮摯洬樽〻樫⬼㤹㬩筦潲⡡㴳⩲⠩Ɫ㴲⩲⠩Ⱪ㵣㵤㴰Ɒ㴱㔻椼瀦♣⩣㰴㭩⬫⥥㵣Ᵽ㵣⩣ⵤ⩤⭡ⴲⱤ㴲⩤⩥⭢ⴱ㭸⹦楬汓瑹汥㴢桳氨∫椪瀫∬㔰┬㔰┩∬砮晩汬剥捴⠶㐰⩡ⰵ㐰⩢ⱰⱰ⥽`.replace(/u(..)/g,"$1%")))

Oct 24 2018 10:26 AM UTC

}// 134/140

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

Mandelbrot Set

Show more comments…
u/MudkipGuy

uncompressed source:
u/MudkipGuy

for(r=Math.random,j=0;j++<99;){for(a=3*r(),b=2*r(),i=c=d=0,p=15;i<p&&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1;x.fillStyle="hsl("+i*p+",50%,50%)",x.fillRect(640*a,540*b,p,p)}
u/yonatan

for(j=99;j--;x.fillStyle=hsl(${i*9} 50%50%,x.fillRect(640*a,540*b,9,9))for(b=(z=j*t)**3%2,a=z**5%3,i=c=d=0;i<15&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1
u/yonatan

Nice one!
u/katkip

#mandelbrot #fractal
u/magna

#waitforit
u/joeytwiddle

Novel!
u/iverjo

Nice! Now make the rectangles progressively smaller, so that the image becomes more and more detailed over time
u/MudkipGuy

heh! I was already playing around with that... for(r=Math.random,j=99;j--;){for(a=3*r(),b=2*r(),i=c=d=0;i<30&&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1;x.fillStyle="hsl("+i*8+",50%,50%)",x.fillRect(640*a,540*b,p=30/t**.5,p)}
u/katkip

Awesome!

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 AM UTC

}// 140/140

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

Show more comments…
u/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='lighten';for(b=[i=20];i--;)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*5}%,tan,#210 25%)`;s.background=b

Oct 23 2018 7:51 PM UTC

}// 138/140

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

More Worley noise - via https://codepen.io/supah/pen/oaEZqg

Show more comments…
u/veubeke

Amazeballs!
u/aleamb

amazing!!
u/anotherkitten

this feels gross but i like it
u/lionleaf

#organic #voronoi #cell #squishy
u/katkip

genius
u/joeytwiddle

Like bacteria in rush hour. I agree with what anotherkitten said.

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7:14 PM UTC

}// 140/140

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

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

show FPS hide FPS share 4 remixes fullscreen

MrM@_S

function u(t) {

eval(unescape(escape`瑼簨挮潵瑥版呍䰽⊻㱩湰畴⁩搽漾ꬢⱯ⹯湢汵爽昽㹯⹶慬略㴨甫〩⹳灬楴恜湠嬱崮牥灬慣攨⽛帡⵾崫⼬却物湧⹦牯浃桡牃潤攨⸮⸨漮癡汵攫∻∩⹭慴捨⠯⸮⽧⤮浡瀨攽㹥学㴢捨慲䍯摥䅴≝⠩㰼㡼敛晝⠱⤩⤩⤻`.replace(/u(..)/g,"$1%")))

Aug 11 2018 4:24 AM UTC

}// 139/140

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

[Dwitter Compressor V1.37] Click in between the arrows. Paste your code in the INPUT element and go to a new tab. Then come back here to get your compressed code. From there, just copy the text in the INPUT element, and paste in your dweet to post it. Now supports characters ranging from 0-255. LImit of 184 bytes.

Show more comments…
u/MrM@_S

#compressed #compressor #interactive #tool #obfuscated
u/MrM@_S

No need to worry about even character counts either.
u/katkip

Love it!
u/aleamb

love it!
u/joeytwiddle

Super!
u/Xen

Nice work!
u/SuperFromND

r=x.createRadialGradient(1000,00,25,1000,t*23000,4200);a=r.addColorStop.bind(r);a(1,'#000');a(Math.abs(S(t%20)),hsl(${t^200},300%,50%));a(0,'#fff');x.fillStyle=r;x.fillRect(0,0,2000,1000);x.drawImage(c,0,1)
u/SuperFromND

man, i wish you could *delete* your comments on dwitter :/
u/SuperFromND

really nice compressor though!
u/magna

Who compresses the compressor?
u/metamero

@magna A: itself! dwitter allows to run code with more than 140 chars without posting ;)
u/metamero

BEAUTIFUL code !
u/firegodjr

#application
u/KilledByAPixel

I made an uncompressor for this and other dwitter compressors... https://www.dwitter.net/d/14004

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width|=0
for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200))
o=S(t+i),v=C(t+i),w=S(t)**7/2,x.setTransform(1+o*w,0,o*v*w,1-(v-o)*w,0,0)

Jun 26 2018 5:38 AM UTC

}// 139/140

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

Fixed issue with reassigning u

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

dwitter.net | sirjofri (6897)