New #Sierpinski dweets

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

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

Xen

function u(t) {

x.fillRect(640,360,640,360),x.drawImage(c,0,0,1920,1080,640*(t%3|0),360*(t%4%3|0),640,360),x.fillStyle=`hsl(${t*99},90%,50%)`

Dec 3 2017 9:23 PM UTC

}// 125/140

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

few seconds sorry :P

u/joeytwiddle

Excellent
u/Xen

Thanks, had to do one lol
u/joeytwiddle

#sierpinski carpet #ifs rendered by image copying (not by dots)

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/531 by u/BriSeven

function u(t) {

for(i=600;i--;x.fillRect(X=X+400+c*600>>1,Y=Y+1076*(1-c&1)>>1,4,4),H=H+400*(c+t)>>2)c=(i*t^i)%3,t?x.fillStyle=`hsl(${H},50%,50%)`:X=Y=H=0

Aug 21 2017 4:02 PM UTC

}// 137/140

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

Sierpinksbow

Show more comments…
u/joeytwiddle

i*t^i is a poor but short PRNG
u/sigveseb

Upvote for the colors
u/BriSeven

fantastic
u/joeytwiddle

I forgot to brighten the dull colors. Try 90%,60%
u/donbright

my new favorite sierpinski
u/joeytwiddle

Big brother: https://www.dwitter.net/d/3458
u/joeytwiddle

Another with colour: d/2668
u/iverjo

#sierpinski
u/CocoMeister

#fractal
u/joeytwiddle

#rainbow

show FPS hide FPS share fullscreen

Xen

remix of d/3056 by u/Xen

function u(t) {

x.fillText(x.drawImage(c,480*(t%3|0),540*(t%3%2|0),960,540),9,9)

Aug 10 2017 11:59 PM UTC

}// 64/140

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

64b Sierpinski Triangle

u/kchplr

60bytes: x.fillText(x.drawImage(c,480*(V=t%3|0),V%2*540,960,540),9,9)
u/magna

Oh yeah? How about EXACTLY 140 bytes: 'use strict';function renderSierpinskyTriangle() { x.fillText(x.drawImage(c,480*(V=t%3|0),V%2*540,960,540),9,9) }renderSierpinskyTriangle();
u/Xen

58bytes: x.fillText(x.drawImage(c,(V=t%3|0)*99,V%2*99,960,540),9,9)
u/iverjo

#sierpinski

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

x.fillText(x.drawImage(c,480*(t*9%3|0),540*((t*9%3|0)%2),960,540),9,9)

Aug 10 2017 11:13 PM UTC

}// 70/140

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

-70Byte-Refix-

u/Xen

another 4 bytes can be shaved but it will take longer to draw ;-)
u/kchplr

62 bytes, same speed : x.fillText(x.drawImage(c,(V=t*9%3|0)*480,V%2*540,960,540),9,9)
u/kchplr

62 bytes and faster, but less interesting fade in: x.fillText(x.drawImage(c,(V=frame%3)*480,V%2*540,960,540),9,9)
u/iverjo

#sierpinski

show FPS hide FPS share 2 remixes fullscreen

prawnwarp

function u(t) {

if(t==0){q=[[0,1070],[960,0],[1900,1080]];a=0;b=0}i=Math.floor(3*Math.random());v=q[i];a=(v[0]+a)*.5;b=(v[1]+b)*.5;x.fillRect(a,b,10,10);

May 2 2017 10:11 PM UTC

}// 137/140

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

Based on this video: https://www.youtube.com/watch?v=kbKtFN71Lfs

u/donbright

coool
u/MrM@_S

https://www.dwitter.net/d/2670 byte shave remix
u/iverjo

#sierpinski

show FPS hide FPS share fullscreen

dwitwit

remix of d/842 by u/antonio

function u(t) {

for(i=0;i<400;i++){e=this;X=e.X||0;Y=e.Y||0;s=Math.floor((Math.random()*3)+1);A=(X+s%2)/2;B=(Y+s)/2;x.fillRect(A*800,B*500-500,1,1);X=A;Y=B}

Feb 23 2017 9:32 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/iverjo

#sierpinski

show FPS hide FPS share 1 remix fullscreen

antonio

function u(t) {

for(i=0;i<400;i++){e=this;X=e.X||0;Y=e.Y||0;s=Math.floor((Math.random()*3)+1);A=(X+s%2)/2;B=(Y+s)/2;x.fillRect(A*900,B*500-500,1,1);X=A;Y=B}

Feb 22 2017 12: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).

u/iverjo

#sierpinski

show FPS hide FPS share fullscreen

vanita5

function u(t) {

c.width=w=1280;for(i=k=512;i-=1;){for(y=k;y-=1;){i&y||x.fillRect((w/4)+i-~y/2,k-y,2,2)}}

Feb 22 2017 7:19 AM UTC

}// 88/140

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

u/iverjo

#sierpinski

You've reached the end.

dwitter.net | #Sierpinski