Dweets awesomed by u/iverjo

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

remix of d/10639 by u/yonatan

function u(t) {

for(i=9,j=b=[];i--;c.style=`${B=';background'}:${b+B}-blend-mode:difference`)b[i]=`radial-gradient(at ${i*9}%${S(i+t)*9}%${j+=',aqua,tan'})`

Oct 24 2018 10:54 AM UTC

}// 140/140

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

Wavy

u/katkip

#waves #art
u/joeytwiddle

I almost see water caustics in there
u/lionleaf

It does look like #caustics ! :D

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 fullscreen

pavel

remix of d/8622 by u/leSchieber

function u(t) {

f=frame;(d=(a,b,n,r,m=n/2)=>{a-=m;b-=m;--r&&d(a,b,m,r)&d(a+n,b,m,r)&d(a,b+n,m,r)&d(a+n,b+n,m,r);--f||x.fillRect(a,b,n,n)})(960,540,500,7)

Oct 24 2018 9:08 AM UTC

}// 137/140

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

u/katkip

#fractal
u/BirdsTweetCodersDweet

Awesome! Looks like a #hilbert_curve
u/katkip

Yeah but it is actually something like #sierpinski carpet
u/katkip

nvm, it's Vicsek's fractal

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/10601 by u/anotherkitten

function u(t) {

for(t+=i=17;i--;x.fill(P=new Path2D,P.arc(960+C(p+t)*p*p,540+S(p+t)*p*p,5*p*p,0,7)))p=i+t%1,x.fillStyle=`hsl(${(p-t)*9} 50% ${i-t&1?4:6}0%`

Oct 24 2018 8:01 AM UTC

}// 139/140

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

Anotherkitten’s awesome dweet fixed for Safari

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

lionleaf

remix of d/10000 by u/lionleaf

function u(t) {

 for(c.width|=i=8;i--;x.fillText('Webhooks'[i],i*249,690+S(t*9+i)*99))x.font=T(-t+i/9)*3e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Oct 24 2018 6:43 AM UTC

}// 132/140

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

New dweets are now posted on Discord :D

u/lionleaf

Work in progress, https://github.com/lionleaf/dwitter/pull/418 , but I did a cheeky early deploy. Seems to be working right now, but might get temporarily disabled
u/magna

Woot!
u/lionleaf

#text
u/katkip

#feature

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

yonatan

remix of d/10620 by u/yonatan

function u(t) {

s=c.style
s.backgroundBlendMode='lighten'
for(b=[i=19];i--;)b[i]=`radial-gradient(at ${t*i*9%99}%${i*9}%,#fff,#000 30%)`
s.background=''+b

Oct 23 2018 11:22 AM UTC

}// 138/140

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

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

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

eval(unescape(escape`眽挮睩摴栽㌰〻愽漽㹻景爨瀠楮⁯⥴桩獛灛そ⭰嬶嵝㵰紻愨砩㭸孧䍝㴧摡牫敮✻景爨椽㌰㭩ⴭ㭸学捝⠰ⰰⱷⱷ⤩樽眫琪㤹ⱡ⡧㵸学祝㵸季剝⡘㵓⡩⤪樥眬夽䌨椩⩪╷ⰹ㤬堬夬〩⤬杛慯崨〬✣晦昧⤬杛慯崨ㄬ刨⤩`.replace(/u(..)/g,"$1%")))

Oct 23 2018 10:08 AM UTC

}// 140/140

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

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

u/yonatan

src: w=c.width=300;a=o=>{for(p in o)this[p[0]+p[6]]=p};a(x);x[gC]='darken';for(i=30;i--;x[fc](0,0,w,w))j=w+t*99,a(g=x[fy]=x[cR](X=S(i)*j%w,Y=C(i)*j%w,99,X,Y,0)),g[ao](0,'#fff'),g[ao](1,R())
u/lionleaf

#worley

show FPS hide FPS share fullscreen

pavel

remix of d/10601 by u/anotherkitten

function u(t) {

with(x)for(i=60;r=5e-9*(i+3*t%2)**6,d=S(r/25-4*t)*r,--i;beginPath(fill(arc(960+d,540+d,9*r,0,7))))fillStyle=`hsl(${r+i%2*r-20*t} 50%${r/2}%`

Oct 23 2018 1:56 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/iverjo

#tunnel

dwitter.net | iverjo (55735)