Top dweets by u/jick

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

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

jick

function u(t) {

c.width=1000;
x.font="2em courier bold";
d=0;
for(j=0;j<800;j+=30) {
 i=500+(100*S(t+(j*.51)));
 l='CAGT'[~~(d++)%4];
 x.fillText(l,i,j);
}

May 21, 2018 1:20 AM

}// 139/140

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

u/joeytwiddle

#dna #helix

show FPS hide FPS share fullscreen

jick

function u(t) {

x.fillStyle=R(S(t*1)*255,Math.random()*255,0);
x.fillRect(t*12345%2000,1060,30+Math.random()*300,40)
x.drawImage(c,0,-20,1920,1080)

Mar 21, 2017 3:01 AM

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

jick

function u(t) {

c.width=1920;for(i=0;i<39;i++)for(j=0;j<22;j++) {w=S(i+t)*35+C(j+t)*35;x.fillStyle=`hsl(${t*S(i)*50},50%,50%)`;x.fillRect(i*50,j*50,w,w);}

Apr 9, 2019 2:56 AM

}// 138/140

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

u/KilledByAPixel

very cool
u/Jezza

Love it!

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

for (g=0;g<92;g+=.1) {
x.beginPath()
x.fillStyle=`hsl(${g*t*45},50%,50%)`
x.arc(1000+S(g)*300-g*3,680+C(g)*300-g*3,t*3%200,0,6)
x.fill()
}

Apr 1, 2017 5:37 PM

}// 138/140

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

u/joeytwiddle

This one is a pretty surprise :)

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

x.globalCompositeOperation='xor'
r=Math.random 
x.beginPath()
x.fillStyle=`hsl(${t*65},99%,30%)`
x.arc(r()*2e3,r()*1e3,r()*200,0,6)
x.fill()

May 24, 2017 12:09 AM

}// 140/140

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

u/donbright

fascinating
u/donbright

fascinating

show FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

x.drawImage(c,C(t)*.2-2,S(t)*.2-2,1924,1084);r=Math.random;x.fillStyle=`hsl(${r()*255},100%,40%)`;x.fillRect(810+r()*300,390+r()*300,20,20)

May 8, 2017 11:38 PM

}// 139/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 1 remix fullscreen

jick

function u(t) {

x.drawImage(c,C(t)*.2-2,S(t)*.2-2,1924,1084);
x.fillStyle=`hsl(${t*15},50%,50%)`
x.fillRect(940+S(t)*300,550+C(t)*290,20,20)

Mar 26, 2017 2:02 AM

}// 124/140

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

u/donbright

great colors, really cool
u/Finianb1

This is such a trip

show FPS hide FPS share fullscreen

jick

remix of d/2912 by u/p01

function u(t) {

r=t+20;
for(i=c.width|=0;i--;){
x.beginPath()
x.fillStyle=`hsl(${i*r},50%,50%)`
x.arc(i%98*19,i*(1-T(i/r)),20,0,6)
x.fill()
}

Jul 20, 2017 4:28 PM

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

jick

function u(t) {

w=c.width=2e3
i=0
while(i++<22){
x.fillStyle=R(S(i)*255,C(i)*255,C(i+2)*255)
x.fillRect(700+S(t+i)*200,500+C(t+i)*300,400,5)
}

Feb 26, 2017 1:25 AM

}// 126/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 1 remix fullscreen

jick

function u(t) {

for(i=0;i<2e3;i++) { x.fillStyle=R(0,C(t*i)*255,0); x.fillRect(i,1070,10,4); }
x.drawImage(c,0,-5,1920,1080)

Mar 21, 2017 3:07 AM

}// 108/140

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

u/donbright

interesting technique
u/Xen

your turn ;-) remix: #2920, i hope you like!
u/Xen

your turn ;-) remix: #2920, i hope you like!

dwitter.net | jick (138)