Hot dweets by u/Barth

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

Barth

function u(t) {

for(a=990,c.width=1920,x.font="99px a",i=0;i<20;i++)x.lineTo(99*i,9*S(i-t)+a);x.fill(),x.translate(a,a),x.rotate(C(t)/5),x.fillText("🚴",0,0)

May 22 2018 6:00 AM UTC

}// 140/140

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

Cannot compress it, help me

u/prplz

Try c.width|=0. This uses the "bitwise or" operator on the width, which does nothing with zero. Any time width is written to, the canvas is cleared
u/Barth

Thanks
u/Barth

https://www.dwitter.net/d/8195
u/jellyedwards

with(x){...} saves on every x. : with(x){for(a=990,c.width=1920,font="99px a",i=0;i<20;i++)lineTo(99*i,9*S(i-t)+a);fill(),translate(a,a),rotate(C(t)/5),fillText("🚴",0,0)}
u/jellyedwards

he follows the hills a bit better here: with(x){for(a=990,c.width|=0,font="99px a",i=0;i<20;i++)lineTo(100*i,99*C(i-t)+a);fill(),translate(a,a),rotate(C(t)/3),fillText("🚴",200,0)}

show FPS hide FPS share 1 remix fullscreen

Barth

function u(t) {

for(a=990,c.width|=0,x.font="99px a",i=0;i<20;i++)x.lineTo(99*i,9*S(i-t)+a);x.fill(),x.translate(a,a),x.rotate(C(t)/5),x.fillText("🚴",0,0)

May 22 2018 11:10 AM UTC

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

Barth

function u(t) {

c.onmousemove=e=>m=e
x.font="200px Arial";x.fillText("•",m.x*3.379-79/2,m.y*3.379+150/2);x.fillStyle=`hsl(${t*250},100%,75%`

Apr 25 2018 8:37 AM UTC

}// 124/140

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

#draw #paint

u/lionleaf

#interactive #colors

show FPS hide FPS share fullscreen

Barth

function u(t) {

y=t*100;for(i=0;i<100;i++)x.fillRect(S(t+i)*100+(50*i)-100,y%1080,5,5);x.fillStyle=`hsl(${i+t*250},100%,75%`;

Apr 25 2018 7:36 AM UTC

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

Barth

function u(t) {

for(i=0;i<100;i++)x.fillRect(T(C(t+i+Math.PI))*300+900,S(C(t)+i+Math.PI)*300+600,10,10);x.fillStyle=`hsl(${i+t*250},100%,75%`

Apr 25 2018 7:35 AM UTC

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

Barth

function u(t) {

for(i=0;i<Math.floor(t*5);i++)for(j=0;j<20;j++)
x.fillRect(500/(i+1)+1000,500/(j+1)+100,500/(j+1),500/(i+1))

Apr 25 2018 8:04 AM UTC

}// 109/140

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

easy #fractal

You've reached the end.

dwitter.net | Barth (24)