Dweets awesomed by u/aleamb

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/10685 by u/yonatan

function u(t) {

(t?j:c)[t?'outerHTML':'innerHTML']=h=`<svg id=j><filter id=f><feTurbulence baseFrequency=${t%1}>`
c.style.filter='url(#f)'

Oct 25 2018 5:53 PM UTC

}// 122/140

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

Another SVG filter test

u/yonatan

97 chars: c.innerHTML=<svg><filter id=f><feTurbulence baseFrequency=${t%1} id=p>;c.style="filter:url(#f)"
u/yonatan

actually less, i don't know why there's an id=p in there
u/katkip

#maze

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5:41 PM UTC

}// 140/140

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

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/10665 by u/metamn

function u(t) {

for(c.width=i=500,x.font="210px sans";i--;)with(x)save(),beginPath(),rect(0,i,1e4,1),clip(),fillText("👻",99+30*S(.02*i+5*t),220),restore()

Oct 25 2018 3:38 PM UTC

}// 139/140

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

Halloween ghost

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width=480;for(i=14;i--;x.lineTo(240+(y-1?0:360*S(p)/z),360*y/z))y='0111121012110'[i],z=y-1?3:3+C(p=t+1.57*'0123403020140'[i]);x.stroke()

Oct 24 2018 11:10 PM UTC

}// 138/140

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

#d3 #perspective #octahedron -- thanks to u/prplz for golf help

u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

for(i=50;i--;)
x.fillRect(t*260, i*50+50*S(S(i/9)*5+6*S(t+i/9)),5,5)

Oct 24 2018 9:17 PM UTC

}// 69/140

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

Wireframe surface

u/lionleaf

#landscape #wireframe I like it! And just 69 characters too
u/aleamb

great!

show FPS hide FPS share fullscreen

pavel

remix of d/10653 by u/anotherkitten

function u(t) {

with(x)for(c.width=-1,translate(150,i=84);--i;rotate(t),t=2.1,fill(new Path2D('M67 28 9-72-9-72 37 11-19 11-28 25')))fillStyle=R(a=50*i,a,a)

Oct 24 2018 8:24 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 more comments…
u/yonatan

hah! - works as a separator
u/anotherkitten

dang, well done. wasn't sure if it was doable.
u/lionleaf

Nicely done!
u/aleamb

cool!
u/magna

damn.
u/joeytwiddle

Very good
u/katkip

Awesome!
u/katkip

#path2d
u/pavel

#uncompressed in black and white

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭸⹴牡湳污瑥⠹㘰ⰵ㐰⤻砮牯瑡瑥⡴⤻景爨椽㐻ⴭ椻砮牯瑡瑥⠶⸲㠯㌩ⱸ⹦楬氨湥眠偡瑨㉄⡠䴴〴‱㜰‶㘠ⴴ㌳‭㔵‭㐳㌠㈲㈠㘴‭ㄱ㌠㘴‭ㄷ〠ㄶ㑚怩⤩砮晩汬却祬攽恨獬⠤筴⨶ぽ‶〥․筩⨹紥总`.replace(/u(..)/g,"$1%")))

Oct 24 2018 5:08 PM UTC

}// 140/140

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

rotating penrose

Show more comments…
u/anotherkitten

source code: https://pastebin.com/wnqGPycP
u/yonatan

cool!
u/tomxor

#Impossibleobject
u/tomxor

I challenge anyone to add rotation :P
u/BirdsTweetCodersDweet

There already is rotation?
u/anotherkitten

i think he means on a different axis that would make the object look 3d
u/tomxor

Yup an axis that is not parallel to the camera plane... i'm half joking because it's an impossible object, a trick of 3d projection, that said their may be a way to maintain the illusion while rotating on one of the fictitious planes.
u/danny@hille.dk

AWESOME!

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/10641 by u/veubeke

function u(t) {

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

Oct 24 2018 4:58 PM UTC

}// 138/140

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

u/anotherkitten

this is fast enough it looks like it has shadowblur to me
u/veubeke

❤️💜💙💚💛🧡
u/katkip

#xweet

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

dwitter.net | aleamb (80913)