Dweets by u/Ohead

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

Ohead

function u(t) {

r=Math.random;
for(i=0;i<500;i++){y=r();z=r();x.fillStyle=R(y*256,z*256,t*10)
x.fillRect(z*2e3-1e2,y*1200-1e2,100/(t/5),100/(t/5))}

Jan 24 2023 7:36 PM UTC

}// 131/140

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

Blueshift

u/Ohead

I used a beautiful drawing method from u/taupelink for this one https://www.dwitter.net/u/taupelink
u/taupelink

Thank you for the compliment! I derived the method from others on Dwitter..
u/taupelink

...with lots of trial and error along the way.
u/neimad

it kills my browser

show FPS hide FPS share fullscreen

Ohead

function u(t) {

for(i=0;i<1e3;i++){t?t:z=y=t;a=[[3,0],[0,3],[6,3]];b=a[(t+i)**5%3|0];z=b[0]*150+z/2;y=b[1]*150+y/2;t>1?x.fillRect(z,y,1,1):t}

Jan 24 2023 7:17 PM UTC

}// 125/140

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

My second attempt at Sierpiński's Triangle

u/danny@hille.dk

if you don't mind cheating a bit =>for(X=2e3;!t&&X--;)//row for(Y=1024;Y--;)//col Y*2&X|| //if((Y*2&X)==0) x.fillRect(X+Y-64,1080-Y,1,1) //draw from bottom up
u/danny@hille.dk

no comments => for(X=2e3;!t&&X--;)for(Y=1024;Y--;)Y*2&X||x.fillRect(X+Y-64,1080-Y,1,1)

show FPS hide FPS share fullscreen

Ohead

function u(t) {

x.fillStyle=`hsl(${((((t*6)|0)+.5)/6)*360},100%,50%)`
x.fillRect(0,0,9e9,9e9)

Jan 24 2023 6:58 PM UTC

}// 77/140

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

A bit of a disco party

show FPS hide FPS share fullscreen

Ohead

function u(t) {

c.width=200;t?t:a=0;c.onclick=()=>{a++};x.font='99px x';x.fillStyle=`hsl(${a+t}deg,100%,${Math.min(50,(a+t)/3)}%)`;x.fillText((a+t)|0,0,99)

Jan 24 2023 6:51 PM UTC

}// 139/140

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

Click it

u/joeytwiddle

Dwitter Clicker! #game
u/timothytomato

#interactive

show FPS hide FPS share 1 remix fullscreen

Ohead

function u(t) {

r=10
for(i=0;i<1080;i+=r){
for(j=0;j<1920;j+=r){
x.fillStyle=`hsl(${i+S(j/20*S(t))*20},100%,50%)`
x.fillRect(j,i,r,r)
}
}

Jan 23 2023 10:28 PM UTC

}// 121/140

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

Wiggly rainbow pattern

show FPS hide FPS share fullscreen

Ohead

function u(t) {

x.fillStyle='#000'
t?t:x.fillRect(0,0,9e9,9e9)
x.fillStyle='#fff'
if(t<4){for(i=0;i<1980;i++)x.fillRect(i-90,S(i/30)*20+i*(t-2)*5+520,5,5)}

Jan 23 2023 9:14 PM UTC

}// 139/140

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

A Wavy Pattern

u/magna

So very pretty!
u/magna

#opticalillusion as well

show FPS hide FPS share fullscreen

Ohead

function u(t) {

t?t:z=y=t;a=[[4,0],[0,6],[8,6]];b=a[Math.random()*3|0];z=b[0]*50+z/2;y=b[1]*50+y/2;t>1?x.fillRect(z,y,5,5):t

Jan 23 2023 5:41 PM UTC

}// 108/140

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

Sierpiński attempt

u/joeytwiddle

A cheeky alternative to Math.random()*3 could be t**5%3
u/Ohead

That IS cheeky! Thanks for the tip :)

You've reached the end.

dwitter.net | Ohead (89)