Dweets awesomed by u/joeytwiddle

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: #Food

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

if(!t)x.translate(960,540);x.lineWidth=1/frame;for(i=0;i++<900;)x.strokeRect(-t*256*S(i+t),-t*256*C(i+t),50+t*25,50+t*25);x.rotate(6)

Aug 30 2018 6:23 AM UTC

}// 133/140

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

u/joeytwiddle

#tunnel #texture
u/katkip

#stairs on fullscreen

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/9510 by u/yonatan

function u(t) {

for(i=w=c.width=500;(i*=.9998)>w/2;x.fillRect(w/2+S(i+t)*q,j*300-C(i+t)*q,9,9))j=1-i/w,q=(2+S(i*5)**3)*j**4*w,x.fillStyle=R(a=j*600,a*2,a/2)

Aug 30 2018 3:50 AM UTC

}// 140/140

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

Show more comments…
u/f8f82804

#d3 #animated
u/katkip

#cute
u/username

why would you choose that color. yellow on white is real bad
u/yonatan

I wanted a green stem
u/username

that makes sense
u/iverjo

#flower
u/yonatan

Vertex shader version: https://www.vertexshaderart.com/art/NTmBiN65…
u/vain

just unbelievable!

show FPS hide FPS share fullscreen

f8f82804

remix of d/9534 by u/f8f82804

function u(t) {

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+i%2*320*(t%6-3),h))))fillStyle=`hsl(32 50%${30+t%6*i+6*i}%)`,moveTo(960,340),lineTo(0,h=1080)

Aug 29 2018 7:41 PM UTC

}// 140/140

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

Rotating pyramid. Thanks to u/yonatan for help with the colors! #shading

u/katkip

Yes! That's exactly what I originally wanted to do! (but i'm more stupid lol) Nice done!
u/aleamb

very smart!
u/katkip

That's genius! The colors illusion

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

x[o="fillStyle"]=R()
x[u="fillRect"](0,0,k=2e3,k)
for(i=k;i>0;i-=6){b=100*S(i/(300+50*C(i*15))+t*2)
x[o]=R(188+b,198-b,k)
x[u](i,550+b,5,9)}

Aug 29 2018 1:34 PM UTC

}// 140/140

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

u/f8f82804

great palette! #outrun #wave
u/katkip

haha his function tricks are genius

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9517 by u/katkip

function u(t) {

;c.width^=0;for(i=0;i<77;i++)for(j=0;j<44;j++){x.fillStyle=`hsla(${i<<j*C(i+t)<C(i)?0:100},83%,45%)`
x.fillRect(25*i,25*j,25,25)}

Aug 29 2018 7:52 AM UTC

}// 129/140

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

War #simulation

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

;c.width^=0;for(i=0;i<74;i++)for(j=0;j<42;j++)
x.fillRect(26*i+S(t),26*j+C(t),25,25)

Aug 29 2018 7:42 AM UTC

}// 84/140

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

It is actually a pixel illusion. It is different on other resolution

u/katkip

Try to fullscreen
u/iverjo

Interesting

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

for(i=1e3;t<3&&i--;x.fillRect(960+S(i)*q,(1200/t)+C(i)*q,9,9))q=(2+S(i*6)**3)*t**4.5,x.fillStyle=R(a=t**1.6*55,a*1.5,t*t*15)

Aug 28 2018 11:00 PM UTC

}// 124/140

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

Show more comments…
u/joeytwiddle

Excellent! Angel's trumpet. #flower #organic
u/yonatan

Thanks! I was wondering what's that tree's name was
u/katkip

This is so beautiful
u/magna

OMFG
u/aleamb

OH MY!!!!
u/DataMeta

#wizardry
u/13thptr

#witchcraft

show FPS hide FPS share 2 remixes fullscreen

f8f82804

function u(t) {

f=a=>j*S(i^j)/24+a;with(x)for(i=22;i-->10;)for(j=18;j--;strokeRect(2,2,58,58))setTransform(1,0,0,1,f(60*i),f(60*j)),rotate(f(0)),lineWidth=3

Aug 28 2018 10:29 PM UTC

}// 140/140

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

A tribute to _Schotter_ -- Georg Nees, 1968

show FPS hide FPS share fullscreen

f8f82804

remix of d/9486 by u/f8f82804

function u(t) {

x.drawImage(c,-15,-9.2,1950,1098);x.font=99*(1+t%1)+'px a';m=x.measureText(s='🛤');x.fillText(s,960-m.width/2,530+m.width/2)

Aug 28 2018 7:31 PM UTC

}// 123/140

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

u/joeytwiddle

Wow! Great effect. :D
u/katkip

Nothing on Chrome :( The emote is different
u/magna

NICE!
u/f8f82804

u/katkip: this only works on some of my systems, but all the ones with a color font for this point seem to work well

show FPS hide FPS share 1 remix fullscreen

atgz

remix of d/9444 by u/DataMeta

function u(t) {

v=Math.abs;for(c.width|=i=360;i--;)x.ellipse(960+C(t)*64,b=540,b*.618*v(C(t-i)),b*v(S(C(t)+i--)),-t+i,-t,7);x.stroke();

Aug 28 2018 3:02 PM UTC

}// 120/140

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

dwitter.net | joeytwiddle (61460)