Dweets awesomed by u/richev

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

ellisk1

function u(t) {

t?j++:n=j=540;x.beginPath();for(i=3;i--;x.fill())x.fillStyle=R(z=i+j,99+50*C(j)),r=n-n/5*(z%4),x.lineTo(n+r*C(a=Math.PI*z/13-i/3),n+r*S(a))

Oct 25 2018 5:42 PM UTC

}// 139/140

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

Sun Pattern

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5:41 PM UTC

}// 140/140

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

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/10679 by u/rodrigo.siqueira

function u(t) {

c.width=1920
for(i=-1e3;i<1e3;i++){
 X=Math.random()*1700-860
 Y=Math.random()*1000-510
 r=X*X+Y*Y
 x.fillRect(960+X,540+Y,r/1e4,r/1e4)
}

Oct 25 2018 2:56 PM UTC

}// 137/140

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

Star radiation

show FPS hide FPS share fullscreen

metamn

remix of d/10424 by u/prplz

function u(t) {

for(y=c.height|=0;y-=5;)for(i=10;i--;x.fillRect(99*i-420,0,y/20+10,y/200))x.setTransform(3**(y/999),0,0,1,960+99*S(3*t-y/66),y)

Oct 25 2018 6:37 AM UTC

}// 127/140

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

Lines

show FPS hide FPS share fullscreen

metamn

remix of d/10401 by u/rbong

function u(t) {

Y=c.height^=0
while(Y-=40){p=m=>S(Y+t+90*m)*150+150;[0,1,2,3].map(m=>{a=p(m),b=p(m+1%4),x.fillStyle=R(a,b,50);a<b&&x.fillRect(a,Y,b-a,40)})}

Oct 25 2018 6:31 AM UTC

}// 140/140

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

Retrow

u/lionleaf

#twister

show FPS hide FPS share fullscreen

alice-mx

function u(t) {

for(i=0;i<19;i++) {
x.fillStyle=R(C(t/2)*20+20,i*9,12*(i+4),0.8);
x.fillRect((t*150+i*100)%1920,i*100+S(t+i)*50,100,100)
}

Oct 25 2018 6:04 AM UTC

}// 122/140

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

u/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width=480;for(i=14;i--;x.lineTo(240+(y-1?0:360*S(p)/z),360*y/z))y='0111121012110'[i],z=y-1?3:3+C(p=t+1.57*'0123403020140'[i]);x.stroke()

Oct 24 2018 11:10 PM UTC

}// 138/140

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

#d3 #perspective #octahedron -- thanks to u/prplz for golf help

u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

pavel

remix of d/10653 by u/anotherkitten

function u(t) {

with(x)for(c.width=-1,translate(150,i=84);--i;rotate(t),t=2.1,fill(new Path2D('M67 28 9-72-9-72 37 11-19 11-28 25')))fillStyle=R(a=50*i,a,a)

Oct 24 2018 8:24 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/yonatan

hah! - works as a separator
u/anotherkitten

dang, well done. wasn't sure if it was doable.
u/lionleaf

Nicely done!
u/aleamb

cool!
u/magna

damn.
u/joeytwiddle

Very good
u/katkip

Awesome!
u/katkip

#path2d
u/pavel

#uncompressed in black and white

show FPS hide FPS share fullscreen

yonatan

remix of d/10639 by u/yonatan

function u(t) {

for(i=9,j=b=[];i--;c.style=`${B=';background'}:${b+B}-blend-mode:difference`)b[i]=`radial-gradient(at ${i*9}%${S(i+t)*9}%${j+=',aqua,tan'})`

Oct 24 2018 10:54 AM UTC

}// 140/140

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

Wavy

u/katkip

#waves #art
u/joeytwiddle

I almost see water caustics in there
u/lionleaf

It does look like #caustics ! :D

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 AM 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/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

dwitter.net | richev (19706)