Dweets awesomed by u/futureperfect

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: #ScaryMovies

show FPS hide FPS share fullscreen

futureperfect

function u(t) {

d=Math.hypot(C(t/4),S(t/4)-1+1/18);
x.fillStyle=R(255*Math.pow(.9,d),255*Math.pow(.4,d),255*Math.pow(.05,d));
x.fillRect(0,0,1920,1080);

Dec 29 2017 10:52 PM UTC

}// 137/140

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

A rough model of the perceived color of the sun throughout the day, assuming the ground didn't exist and also numbers are fake.

show FPS hide FPS share fullscreen

Zolden

function u(t) {

for(i=1920;i--;){p=40;j=i%p;k=S(t+i/p);n=1-k;n*=5*n;x.fillStyle=R(n,i/4+n,155+i/19+n,1);x.fillRect(p*j,10*C(j/2+5*i/99+3*t)+i+20*k,p,p+2*k)}

Dec 29 2017 10:43 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/Xen

i see the sea! nice

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

UnacceptableUse

function u(t) {

c.width=1920;
for(i=0;i<1920;i++)
x.fillRect(i,T(t*(i/100))*1000,50,50);

Dec 29 2017 12:09 AM UTC

}// 72/140

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

u/berti

72 chars ftw! go you.
u/magna

Golfed down to 56: https://www.dwitter.net/d/4605

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/4532 by u/veubeke

function u(t) {

c.onmousemove=e=>{Y=e.y*3,X=e.x*3}
t?x.fillRect(q+=(X-q)/Z,p+=(Y-p)/Z,Z,Z):Z=X=Y=q=p=99
x.fillStyle=R(p%255,q%255,(p+q)%255,.1)

Dec 28 2017 11:25 PM UTC

}// 127/140

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

little test to make it slowly chase mouse...

u/sigveseb

Nice

show FPS hide FPS share fullscreen

rikardlindstrom

function u(t) {

!t&&x.translate(960,540)
b=c.style.background='#000'
s=1.005
x.scale(s,s)
x.rotate(.1047)
x.fillStyle=t%2>1?b:'#fff'
x.fillRect(0,100,1,1E4)

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

u/sigveseb

Surprisingly stylish :)
u/meesh

This should go on a wall!

show FPS hide FPS share fullscreen

@.+

remix of d/4429 by u/@.+

function u(t) {

c.width^=0;
a=i=>{x.lineTo(C(T*i)*500+1000,S(T*i)*500+500);}
T=3.14e-2;for(i=1;i<=2e2;i++){
x.beginPath();
a(i)
a(i*~~(t*5))
x.stroke()
}

Dec 28 2017 5:08 PM UTC

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

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

jonathan_b

remix of d/4166 by u/jonathan_b

function u(t) {

c.width^=0;s=400;for(i=0;i<48;i++)for(j=1;j<9;)x.fillStyle=R(i*8,j*40,s/C(i),.6),x.fillRect(960+s*C(i)*S(T(t/4)+j++/i*j*s),540+s*S(i),50,50)

Dec 28 2017 1:48 AM UTC

}// 140/140

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

more colors :)

u/iverjo

#sphere

show FPS hide FPS share fullscreen

clickbecause

function u(t) {

c.width=1920
n=960,r=360
for(i=0;i<n;i++){
a=6.3/n*i
x.fillRect(
C(a*3+S(t)+t)*r+960, 
S(a*4+C(t)+t)*r+540, 
S(i)*8, 
S(i)*8)}

Dec 27 2017 10:25 PM UTC

}// 126/140

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

u/trupples

my brain is die

dwitter.net | futureperfect (1616)