Dweets awesomed by u/13thptr

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

yonatan

remix of d/10757 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,1,1))x.fillStyle=R(q=(S(j*j+i/j-t*9)+C(j**3-i/j*6+t)**3)*j+i,q+=i,q)

Oct 29 2018 8:54 PM UTC

}// 118/140

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

u/iverjo

#water
u/jdspugh

Very realistic

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=58;j--;x.fillRect(i,j,1,1))k=(50-i)/(z=j-27),x.fillStyle=R(q=z>0?S(j*j+k-t*7)*C(j**3-k*3+t)*z/2+60-j:j+9,q*=4,q)

Oct 29 2018 1:55 PM UTC

}// 140/140

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

u/lionleaf

Wow! #sea #water #waves #landscape
u/jylikangas

One of my favorites!
u/robbyg

Fantastic mood. Well done!
u/aleamb

Amazing! Reminds me of the Solaris ocean

show FPS hide FPS share fullscreen

yonatan

remix of d/10705 by u/yonatan

function u(t) {

eval(unescape(escape`瑼簨挮睩摴栽㔶㠩㭣⹩湮敲䡔䵌㵠㱳癧㸼晩汴敲⁩搽显㱦敔畲扵汥湣攠扡獥䙲敱略湣礽⸰〵⁮畭佣瑡癥猽㔠⼾㱦敄楳灬慣敭敮瑍慰⁳捡汥㴤筓⡴⤪㈰ぽ㹠㭸⹦楬汔數琨砮晩汴敲㴢畲氨⍦⤢ⰰⰰ⤻;`.replace(/u(..)/g,"$1%")))

Oct 26 2018 8:13 PM UTC

}// 134/140

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

Improved performance remix (568px width)

Show more comments…
u/iverjo

How does this work?
u/yonatan

SVG perlin noise displaced by itself and used as a filter on the canvas. Time controls the displacement filter'r scale.
u/yonatan

the filltext() is required for the thing to paint itself apparently (fillRect works too)
u/yonatan

I half-guessing so if anyone has a better explanation...
u/yonatan

placing the displacement filter as a child of the turbulence node seems to feed the parent's output into both of the child's input nodes.
u/yonatan

oops, not child, sibling.
u/yonatan

tl;dr: no idea :)

show FPS hide FPS share 2 remixes fullscreen

New_Core

remix of d/10639 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`linear-gradient(${t*i*5}deg,#012,#350,#dff,#910)`

Oct 26 2018 6:50 PM UTC

}// 131/140

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

was fun mixing =)

u/geb

#background
u/13thptr

#oil

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

ersagun

remix of d/10578 by u/ersagun

function u(t) {

for(i=j=f=24;d=a=>C(t*f)*(a[0].charCodeAt(f)-9e3),f--;i+=d`◴∈⌹⌙⍈⌮⌠⌇⌢⌑⌆⌤⌾⍃⌣⌘⌯⌧〈⌳〉⌤⌬⌯`)j+=d`○⍈⌾⋻⌤⋧⌥⌬⌰⍕⍓⌗⌥⋼⌘⌭⋧〉⌔⌗⍃⌫⌛〈`
x.fillRect(i,j,9,9)

Oct 21 2018 3:43 PM UTC

}// 135/140

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

#yeah I managed to remove 5 characters using tagged template literals. I can add 2 more harmonics(=4 characters) now.

u/New_Core

nice.. now you can do x.lineTo(i,j) x.stroke()

show FPS hide FPS share 3 remixes fullscreen

ersagun

function u(t) {

for(i=j=0,f=24;f--;i+=d("◴∈⌹⌙⍈⌮⌠⌇⌢⌑⌆⌤⌾⍃⌣⌘⌯⌧〈⌳〉⌤⌬⌯"),j+=d(
"○⍈⌾⋻⌤⋧⌥⌬⌰⍕⍓⌗⌥⋼⌘⌭⋧〉⌔⌗⍃⌫⌛〈"))d=a=>C(t*f)*(a.charCodeAt(f)-9e3)
x.fillRect(i,j,9,9)

Oct 21 2018 12:11 AM UTC

}// 140/140

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

#yeah

Show more comments…
u/ersagun

This uses a modified version of DCT. All data is in 2 magic strings. To create your own: https://pastebin.com/zEH5aH1R copy this to a dweet draft, draw, get your own magic strings.
u/katkip

wait wot that s actually toi impresive to think how its made
u/iverjo

Clever!
u/Banjuan

Wow dude!
u/Banjuan

Wow dude!
u/magna

yup.
u/aleamb

yeah!!!
u/f8f82804

Awesome! I don't think I've seen a technique like this before! #compressed #math
u/cantelope

crazy cool

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width=1920;x.fillStyle='#dbf';for(j=-16;j<159;j++)for(i=0;i<36;i++)x.fillRect(-600+i*99+C(t+j/20+i/5)*(S(t*3+i)*99),8*j+C(t+i/2)*99,99,9)

Oct 19 2018 4:36 PM UTC

}// 139/140

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

oh would you look at that, now i can say i've made a dweet! (the performance isn't very good from what i've experienced, but the visual turned out well, so make of it what you will)

dwitter.net | 13thptr (20589)