Dweets by u/lowpoly

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

lowpoly

function u(t) {

s=10;for(i=0;i<60;i++)x.fillRect(S(t+0.1*i)*1e3+1e3,0,s,s,x.fillStyle=`hsla(${i*10},100%,50%,0.5)`);x.drawImage(c,0,s)

Jan 5 2021 10:33 PM UTC

}// 118/140

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

u/Xen

love it

show FPS hide FPS share fullscreen

lowpoly

remix of d/5473 by u/lowpoly

function u(t) {

s=10;x.drawImage(c,s,0);for(i=0;i<=c.height;i+=s)x.fillRect(0,i,s,s,x.fillStyle=`hsl(${i/c.height*C(t*i*3)*255},100%,50%)`);

Jan 4 2018 12:14 PM UTC

}// 124/140

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

play with x.fillStyle;-)

u/lowpoly

For example, x.fillStyle=Math.random()>0.5?'#000':'#fff'
u/lowpoly

or x.fillStyle=(~~(i/s/s)%2)^(~~(t*s)%2)?'#000':'#fff'
u/sigveseb

So intense colors!

show FPS hide FPS share 1 remix fullscreen

lowpoly

function u(t) {

s=10;m=255;x.drawImage(c,0,s);for(i=0;i<=c.width;i+=s)x.fillRect(i,0,s,s,x.fillStyle=R(C(t*i/10)*m,0,S(i*t)*m));

Jan 4 2018 11:21 AM UTC

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

lowpoly

remix of d/5442 by u/lowpoly

function u(t) {

c.width=l=2e3;for(Y=0;Y<2e3;Y+=9,l=t+Y/70)for(w=5;w--;)x.fillRect((C(l)*Y/55-w/2+20)*50,Y,w*50,Y,x.fillStyle=`hsl(${Y-t*60},100%,${5-w}0%)`)

Jan 4 2018 3:52 AM UTC

}// 140/140

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

u/magna

Very cool!

show FPS hide FPS share 1 remix fullscreen

lowpoly

function u(t) {

c.width=l=2e3;for(Y=0;Y<2e3;Y+=9,l=t+Y/99)for(w=5;w--;)x.fillRect((S(l)*Y/98-w/2+20)*50,Y,w*50,2e3,x.fillStyle=`hsl(${Y*4},100%,${5-w}0%)`)

Jan 4 2018 2:02 AM UTC

}// 139/140

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

Another old effect

show FPS hide FPS share fullscreen

lowpoly

function u(t) {

for(o=10;o--;)with(c){if(!t){i=j=k=l=1;w=width=399;h=height=101;}k*=(i<=0||i>=w)?-1:1;l*=(j<=0||j>=h)?-1:1;x.fillRect(i+=k,j+=l,1,1)}

Jan 4 2018 12:47 AM UTC

}// 133/140

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

Hello guys. I need ideas on how can i optimize this thingie :)

u/lowpoly

and yea, the k*=(i<=0||i>=w)?-1:1; l*=(j<=0||j>=h)?-1:1; part concerns me most
u/joeytwiddle

Well this is 2 chars shorter: if(j<=0||j>=h)l=-l; // and this is the same: (j<0||j>h)&&(l=-l); // You could also drop the four =s for a small loss in quality.
u/sigveseb

Looks nice!

show FPS hide FPS share fullscreen

lowpoly

function u(t) {

for(y=c.width=c.height=n=80;y--;)for(z=n;z--;)x.fillRect(z,y,1,1,x.fillStyle=((Math.sqrt(z*z+y*y))^(Math.atan2(y,z)*n+t*n))&8?'#4a8':'#445')

Jan 3 2018 6:44 PM UTC

}// 140/140

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

Experimenting with a "classical" formula

show FPS hide FPS share fullscreen

lowpoly

remix of d/4357 by u/lowpoly

function u(t) {

i=c.width=2e3,x.fillRect(0,0,i,i),x.fillStyle='#fff';for(p=i;p--;)d=S(t/10)+2,x.fillRect((p+(t+i))%i,(''+p*T(p)/i).substr(-3)/999*i,d,d)

Dec 28 2017 2:51 PM UTC

}// 136/140

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

If you gaze long into an abyss, the abyss also gazes into you.

show FPS hide FPS share 2 remixes fullscreen

lowpoly

remix of d/4348 by u/lowpoly

function u(t) {

i=2e3,c.width=i,x.fillRect(0,0,i,i),x.fillStyle='#fff';for(p=i;p--;)d=p/500,x.fillRect((p+d*50*(t+i))%i,(''+p*T(p)/i).substr(-3)/999*i,d,d)

Dec 28 2017 11:00 AM UTC

}// 139/140

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

Scrolling stars that look more like stars :) Now to add sine functions or something.

u/Xen

x.fillRect(0,0,c.width=p=i=2e3,i)
u/lowpoly

yeah, i usually do something like i=c.width=2e3 now :P

show FPS hide FPS share 2 remixes fullscreen

lowpoly

function u(t) {

c.width+=0;for(p=2E3;p--;)d=p/300+1,x.fillRect((p+100*(t+5E4)*d)%2E3,(""+p*S(p)/17).substr(5,3)/999*2E3,d,d)

Dec 28 2017 10:05 AM UTC

}// 108/140

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

Scrolling stars or something

u/ben

remixed a bit funkier! d/4878
u/lowpoly

@ben, wow, nice :)

dwitter.net | lowpoly (77)