Dweets awesomed by u/Coalshork

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

21medals

remix of d/6587 by u/Qwitter

function u(t) {

x.globalCompositeOperation='xor';
x.fillStyle='#a90'
x.fillRect(960,540,4,4)
for(i=-4;i++<4;x.drawImage(c,i,-2),i++)x.drawImage(c,i,2)

Jan 30 2018 2:23 PM UTC

}// 134/140

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

u/donbright

woah
u/iverjo

That escalated quickly
u/katkip

Wow that's an awesome GOL!
u/katkip

#gameoflife
u/Qwitter

nice!
u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

yonatan

function u(t) {

c.width|=0
a=(s,A,g,h)=>s<4?[]:[g=s*S(A),h=s*C(A)].concat(a(s*.9,A+t),a(s*.4,A-t),-g,-h)
x.stroke(new Path2D('M960 99l'+a(199,0).join(' ')))

Jan 26 2018 5:44 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/zanella

Great!! Love fractals!! Also, I was hoping to see more dweets using Path2D, I think there's lots os great possibilities in there.
u/sigveseb

Very nice! And shh, Path2D is the hidden secret of the canvas api :D
u/sigveseb

But yeah, can't wait to see more Path2D dweets :)
u/iverjo

#fractal #recursive
u/f8f82804

#path2d
u/vain

just wonderful !

show FPS hide FPS share 1 remix fullscreen

ETHproductions

remix of d/5709 by u/BackendForth

function u(t) {

t&&a<1920||(a=b=q=0,p=t*77%23+4,h+=20)
x.fillStyle=`hsl(${h},90%,${55+q/4}%)`
x.fillRect(a+=p,b,99,149)
b+=q++
b>930&q>0?q*=t%1/9-.9:0};{h=0

Jan 8 2018 11:12 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/sigveseb

#solitaire

show FPS hide FPS share 1 remix fullscreen

DirtyDan

remix of d/5500 by u/DirtyDan

function u(t) {

c.width=1920;p=Math.PI*2;x.beginPath();a=960;for(i=0;i<1080;i++){b=p*(i/540)*T(t);x.lineTo(a+a*S(b),0);x.lineTo(a+a*-S(b)*C(t),i)}x.stroke()

Jan 4 2018 5:52 PM UTC

}// 140/140

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

May not run well on smartphones ¯\_(ツ)_/¯

show FPS hide FPS share fullscreen

rippedspine

remix of d/5221 by u/phillipcool

function u(t) {

t||(z=speechSynthesis,o=new SpeechSynthesisUtterance(z+c+''))
o.rate=S(t)*5;c.onmousemove=e=>z.speak(o);c.onmouseleave=e=>z.cancel()

Jan 2 2018 10:39 PM UTC

}// 132/140

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

mouse over for some weird shit

u/rippedspine

TODO: find out a way to make bad music with this
u/Coalshork

love this!!

show FPS hide FPS share 2 remixes fullscreen

ben

remix of d/4509 by u/ben

function u(t) {

v=(a,b,g,r)=>{for(i=0;i++<r;)x.fillRect(a+=S(g),b-=C(g),r/9,2)
r>1?v(a,b,g+=o,r*=.7)&v(a,b,g+=5,r):0}
o=S(t)/9+1
c.width=500
v(250,280,0,80)

Dec 29 2017 1:23 PM UTC

}// 140/140

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

blowing in the fractal wind

Show more comments…
u/sigveseb

Sweet!
u/Xen

very nice!
u/Bendoman

Fabulous.
u/lionleaf

Amazing!
u/lynnlangit

love, love, love it!
u/nystrand

elegant!
u/iverjo

#recursive
u/lionleaf

#fractals
u/lionleaf

#fractal . hmm, maybe not plural
u/vain

so beautiful - amazing work!

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 fullscreen

Xen

remix of d/205 by u/iverjo

function u(t) {

c.width=2e3;n=899;for(i=2;i<n;i+=2)s=2/(9.1-(t+i/29*C(t/4))%9),x.beginPath(),j=i*.69+t,x.lineWidth=s*s*4,x.arc(n,520,s*99,j,j+1),x.stroke()

Nov 14 2017 7:59 PM UTC

}// 139/140

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

Give it 30 seconds ;-)

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

for(x.globalAlpha=.07,x.fillRect(0,0,i=2140,i);i--;)x.clearRect(i*25%2e3+S(p=i*3+(k=C(t*2+i*9)))*(v=S(i*171+t)*50),i%1080+C(p)*v,4,4)

Nov 8 2017 6:19 AM UTC

}// 133/140

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

colorized version: https://codegolf.tk/a/232

show FPS hide FPS share fullscreen

eruonna

function u(t) {

a=[0,-9,0,9,0]
if(!t){n=0;d=0;b=380;c=830;x.moveTo(a,b)}
d+=((n&-n)<<1)&n++?1:3;d%=4
b+=a[d];c-=a[d+1]
x.lineTo(b,c);x.stroke()

Apr 17 2017 10:36 PM UTC

}// 127/140

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

Totally different dragon curve implementation with 13 fewer bytes and it correctly draws the first segment

u/eruonna

okay, not sure if it is worth kicking out yet another version to get the positioning right
u/eruonna

okay, not sure if it is worth kicking out yet another version to get the positioning right
u/donbright

color - - a=[0,-9,0,9,0] if(!t){n=0;d=0;b=380;c=830} d+=((n&-n)<<1)&n++?1:3;d%=4 b+=a[d];c-=a[d+1] x.fillStyle=R(128+n%256,64+n%128) x.fillRect(b,c,9,9)

dwitter.net | Coalshork (8006)