Dweets by u/Natsumi

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

Natsumi

function u(t) {

c.width=1920
for (d=i=0;i<255;d=5*T(t)*i++) {
x.fillStyle=R(i,i,i);
x.fillRect(d,d,c.width-d*2,c.height-d*2)
}

Apr 29 2020 5:34 PM UTC

}// 110/140

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

flashbang

u/Natsumi

experimenting with fillRect, but I'm still not sure how to make time change the colors
u/Xen

try: x.fillStyle=hsl(${i+t*99},50%,50%)

show FPS hide FPS share fullscreen

Natsumi

function u(t) {

d=c.width=1920;for(i=0;i<d;i++){x.beginPath();x.arc(960, 540, 2000*Math.abs(T(i)*C(t/2)),0,7);x.stroke();}

Apr 29 2020 5:07 PM UTC

}// 106/140

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

away she goes, starburst!

u/Natsumi

It's cool to see how just plain circles can make such interesting patterns.

show FPS hide FPS share fullscreen

Natsumi

function u(t) {

for(i=0,m=x.createImageData(d=c.width=500,d);i<3*d*d;i+=4)m.data[i]=m.data[i+1]=m.data[i+2]=i%(m.data[i+3]=255);
x.putImageData(m,0,0);

Apr 29 2020 4:23 AM UTC

}// 135/140

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

not even sure what this is

show FPS hide FPS share fullscreen

Natsumi

function u(t) {

c.width=1920;
for(i=0;i<999;i++){
x.beginPath();
x.arc(960, 540, 800*Math.abs(S(i)*C(t/2)), 0, 2 * Math.PI);
x.stroke();
}

Apr 29 2020 3:56 AM UTC

}// 122/140

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

??????????? Messing around with circles

u/Natsumi

I'm a newbie to dweets, but this is pretty nice. If you want to make it go slower, change t/2 to something like t/5

You've reached the end.

dwitter.net | Natsumi (13)