Dweets awesomed by u/mattdzugan

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 fullscreen

jonathan_b

remix of d/4472 by u/jonathan_b

function u(t) {

c.width|=s=510;q=2;for(i=0;i<s*q*2;)for(j=1;j<q;)x.fillStyle=R(s/C(i++),i/9,j*q,.6),x.fillRect(960+s*C(i)*C(t/s/q%j++/j*i),s+s*S(i),20,20)

Dec 28 2017 10:26 PM UTC

}// 138/140

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

let it run a bit :)

u/sigveseb

Good colors

show FPS hide FPS share fullscreen

mattdzugan

function u(t) {

Z=4e3;
for(i=0;i<Z;i++){
y=i/Z;n=t/2+y;D=255*(1-y);s=6+i/200;
x.fillStyle=R(y,D,100,y);x.fillRect(960+400*C(20*n),540+400*C(25*n+.4),s,s);
}

Dec 28 2017 9:59 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

mattdzugan

function u(t) {

Z=3e3;
for(i=0;i<Z;i++){
y=i/Z;
n=t/10+y;
D=255*(1-y);
s=16;
x.fillStyle=R(D,D,255-y);
x.fillRect(960+300*C(24*n),540+300*C(18*n+.4),s,s);
}

Dec 28 2017 9:49 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 5 remixes fullscreen

ben

function u(t) {

function v(a,b,g,r){if(r>1){x.fillRect(a+=r*S(g),b-=r*C(g),2,2)
v(a,b,g-1+C(t),r*=.7)
v(a,b,g+.5+S(t),r)}}c.width=500
v(250,270,0,80)

Dec 28 2017 9:28 PM UTC

}// 133/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/Xen

LOVE IT!
u/ben

trying to make a swaying tree but requires too many characters to draw the branches
u/Xen

join the chat and show your code... :-)
u/sigveseb

Very good!
u/itsjustmustafa

recursive functions in under 140, love it!
u/Bendoman

Best thing on here by far.
u/FrankMoren27

awesome
u/iverjo

#recursive
u/lionleaf

#fractals
u/vain

incredible

show FPS hide FPS share fullscreen

mattdzugan

function u(t) {

c.width|=0;for(i=0;i<157;i++){n=t/50+i/150;x.fillStyle=R(0,99,240,.5+i/400);x.fillRect(960+300*C(24*n),540+300*C(18*n+.4),6+i/8,6+i/8);}

Dec 28 2017 9:19 PM UTC

}// 136/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

Axioplase

function u(t) {

c.width=w=1920;for(i=0;i<w;i++)x.fillStyle=R(255*S(t),255*S(t/2),255*(S(t/3))),x.fillRect(i,540+200*S(C(t+i/153)+t*5),10,100),a=C(t);b=S(t)

Dec 28 2017 8:40 PM UTC

}// 139/140

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

u/Xen

smooth.

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/4281 by u/ebiester

function u(t) {

c.width|=s=S(t)
x.translate(960,o=480)
for(i=o;i--;x.rotate(C(t/2)/i*t))x.fillStyle=R(i*C(t)*2,i,o),x.fillRect(i*6*s,i*6*s,i*2,i*2)

Dec 28 2017 6:09 PM UTC

}// 131/140

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

Shoutz to ebiester.

u/ebiester

That's fantastic!
u/ebiester

Remixed your remix at #4550
u/Xen

thanks :-)

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2: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).

Show more comments…
u/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

show FPS hide FPS share 2 remixes fullscreen

retera

remix of d/4328 by u/retera

function u(t) {

c.width|=0;
for(r=0;r++<10;){s=480+C(r)*r*5;for(q=0;q++<8;){for(j=0;j++<9;){a=q/t+t/r;x.fillRect(C(a)*s*S(j+t)+960,S(a)*s*C(j-t)+540,8,8)}}}

Dec 28 2017 8:00 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/Purpzie

119 characters: for(c.width|=0,d=720;d--;x.fillRect(C(a=b/8/t+t/r)*s*S(b%8+t)+960,S(a)*s*C(b%8-t)+540,8,8))s=480+C(r=0|d/72,b=d%72)*r*5

show FPS hide FPS share fullscreen

f0rkbm

function u(t) {

w=1920
h=1080
z=C(t)*255
x.fillStyle=R(z,z,z)
for(i=0;i++<5;)
x.fillRect(i*15+w/2-30,h/2,5,5)
x.drawImage(c,-20+C(t/3),-20+S(t),w+40,h+40)

Dec 27 2017 2:40 AM UTC

}// 138/140

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

u/Polyducks

You'd save a lot of characters just by removing newlines.
u/Xen

for each newline removed they would need to add a "," ...the main save would be for(i=5:i--:x.drawIma...)
u/f0rkbm

lessons learned. also, possible bug? on dwitter.net it shows 144/140, on u/f0rkbom it shows 138/140
u/Lazy1337

happens sometimes
u/katkip

#smoke

dwitter.net | mattdzugan (765)