Dweets awesomed by u/jbl

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

jbl

remix of d/4365 by u/jbl

function u(t) {

t+=23;c.width=i=2e3;while(--i)p=i/6-t,x.fillStyle=R(0,i/70,0,S(p)),b=C(p)*700+t*990,x.fillRect(b%3e3-70,(i*(b/3e3|0))*9%1200-70,S(p)*60,60)

Dec 29 2017 1:10 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/joeytwiddle

Oooh I like the shiny shading, and the changing patterns

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

Xen

remix of d/4365 by u/jbl

function u(t) {

for(c.width|=Z=i=2e3;--i;x.fillRect((C(p)*650)%Z+S(t*9)*99+1e3,i*(1+C(t*3)/9)%Z-99,S(p)*90,90))x.fillStyle=R(Y=i/9,Y*S(i+t),Y*C(i),S(p=t+i))

Dec 28 2017 3:38 PM UTC

}// 140/140

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

Shoutz to jbl

u/jbl

nice!
u/Xen

thanks :-)
u/joeytwiddle

#shiny

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

jbl

function u(t) {

c.width|=0;for(i=2e3;--i;){p=t-i;d=i/9;x.fillStyle=R(d,0,0,S(p));x.fillRect((C(p)*850)%2e3+S(t)*500+990,(i*11+t*99)%2e3-99,S(p)*90,90)}

Dec 28 2017 12:13 PM UTC

}// 135/140

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

u/sigveseb

Nice sense of scale
u/Xen

love it
u/Xen

done you a remix: #4403
u/jbl

thanks!
u/Xen

very welcome ;-)
u/vain

Looks like some bumpmapped tower. Very impressive! Great work!

show FPS hide FPS share fullscreen

0utdacious

function u(t) {

F=(r,i,j)=>i*i+j*j+r<9?F(r+1,i*i-j*j-S(t),i*j-C(t)):r
c.width=600
for(i=8;i>0;i-=.1)for(j=7;j>0;j-=.1)x.fillRect(99*j,55*i,d=F(0,i-3,j-3),d)

Dec 28 2017 7:55 AM UTC

}// 140/140

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

Fractals! Transformed Julia sets from c \in (0,1)

u/Xen

love it
u/poofasa

Sick!

show FPS hide FPS share fullscreen

Axioplase

function u(t) {

a=95*(1+C(t/2));b=50*(1+S(t));for(c.width=i=190;i>0;i-=9)for(j=0;j<99;j+=9){d=Math.sqrt((i-a)*(i-a)+(j-b)*(j-b));r=d/20;x.fillRect(i,j,r,r)}

Dec 28 2017 3:36 AM UTC

}// 140/140

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

Second dweet! That was a lot of fun to turn the idea into a working product :)

u/Xen

well done :-)

show FPS hide FPS share fullscreen

jbl

function u(t) {

c.width|=0;for(i=0;i<2e3;i++){d=i%255;x.fillStyle=R(d,d,d);x.fillRect((i**5+i*t)%2200-200,((i*3)*(0.3+745))%2e3,i%300+50,i%34)}

Dec 27 2017 10:37 PM UTC

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

superfun

function u(t) {

z=t-~~t
q=parseInt(Math.random()*0x4E)
r=0x1F601+q
x.font=250*z+'px serif';x.fillText(String.fromCodePoint(r),800+800*S(q*t),600+6*q*C(t))

Dec 27 2017 9:09 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/Xen

stirs the emojion! :-D

show FPS hide FPS share 6 remixes fullscreen

Exca

function u(t) {

t/=4;for(i=0;i<1100;i++){d=C(t+i),s=i==0?2920:9-d*8;x.fillStyle=R(i,i,i,0.1);x.fillRect(S(t*2.5+i)*220*S(C(t)+i%50)+960*(i==0?-1:1),i,s,s);}

Dec 27 2017 7:58 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/magna

Wow!
u/Xen

impressive first 2 dweets
u/sigveseb

Very nice
u/mrremix

i really like this one... might do a remix later :]
u/CliffJonesJr

I remixed this into a tornado: https://www.dwitter.net/d/4590
u/lionleaf

#twister
u/Cloud

Milk path
u/vain

cool looking twister / tube

dwitter.net | jbl (3479)