Dweets by u/Xen

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 fullscreen

Xen

function u(t) {

x.fill(x.arc(c.width=t,t,t,0,7))

Dec 27 2017 7:42 PM UTC

}// 32/140

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

[32bytes of precision]

show FPS hide FPS share fullscreen

Xen

remix of d/4042 by u/pyrzqxgl

function u(t) {

m=c.width/2
for(i=2e3;i--;x.fillRect(m+m*C(t+359*i),m*S(t+2e1*i),99,99))x.fillStyle=`hsla(${t*i/3*S(i/m)},99%,50%,.04)`

Dec 27 2017 7:16 PM UTC

}// 119/140

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

Plasma_Zebra

u/iverjo

#plasma

show FPS hide FPS share 2 remixes fullscreen

Xen

remix of d/3713 by u/bobdunn

function u(t) {

for(c.width|=Y=i=300;i--;x.fillStyle=R(Z=C(i+t*4)*Y,Z*S(t),5-Z,.6))x.fillRect(i*9,Y+C(3*t+(i*2))*99,39,Y)

Dec 27 2017 6:40 PM UTC

}// 105/140

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

had to have a play, quick test... shoutz to bobdunn

Show more comments…
u/karan

Hot damn! that looks fancy! and i thought i was doing something great by just adding random colour :D
u/Xen

always save your code to one side before posting, play with it to see if you can squeeze something extra out.
u/karan

Helpful tips! Is there an IRC or some messaging service to hang out with fellow dwitters?
u/Xen

https://discord.gg/emHe6cP
u/bobdunn

I was thinking about adding color. I like what you did here!
u/Xen

thanks :-)

show FPS hide FPS share fullscreen

Xen

remix of d/3697 by u/Citiral

function u(t) {

for(c.width|=i=w=1e3;i>=0;i-=9)for(j=1e3;j>=0;j-=9)I=S(t*2)*i-w/3,J=j*C(t*2)+1e3/2,x.fillRect(500+i,j,o=7-C(Math.sqrt(I*I+J*J)/9+frame)*4,o)

Dec 26 2017 10:09 PM UTC

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

Xen

function u(t) {

t?x.drawImage(c,C(t),S(t*2)*6):c.width=99,x.fillText('Welcome To Dwitter',1,29),x.fillStyle=`hsl(${t*199},99%,50%)`

Dec 26 2017 9:13 PM UTC

}// 115/140

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

u/lionleaf

Welcome to all the new people from /r/programmer, hackernews and twitter! :D
u/Xen

fresh blood lol! welcome to the jungle, take a look around ;-)
u/sigveseb

oh god the colors:P and welcome to all
u/j0bit

o.O what the heck is going on in this syntax?
u/iverjo

@j0bit: Search for "JS Template Literals" and "JS Ternary Operator" on the internet
u/j0bit

Cool, appreciate it.

show FPS hide FPS share fullscreen

Xen

remix of d/3687 by u/nystrand

function u(t) {

for(c.width|=j=45;j--;)for(i=45;i--;x.lineTo(C(w=3*t+i/7)*r+1e3,S(w)*r+r))r=j*j+C(t*j/2)*S(i)*(j%5&i|t*9%1e2);x.fill('evenodd')

Dec 26 2017 8:43 PM UTC

}// 127/140

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

another slow one, give it 15seconds

show FPS hide FPS share fullscreen

Xen

remix of d/3680 by u/Xen

function u(t) {

for(i=2e3,x.globalCompositeOperation="xor"
;i--;x.fillRect(i*t*2%2e3,i*2%1e3,19,19))x.fillStyle=i%2?"orange":"purple"

Dec 21 2017 11:03 PM UTC

}// 117/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 1 remix fullscreen

Xen

function u(t) {

for(c.width=i=99,x.globalCompositeOperation="xor"
;i--;x.fillRect(i*t%90,i*5%44,9,9))x.fillStyle=i%2?"lime":"aqua"

Dec 21 2017 10:57 PM UTC

}// 114/140

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

hefty xor

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/3627 by u/veubeke

function u(t) {

x.beginPath(Z=499+(C(t/3)*19),x.strokeStyle=`hsla(${t*Z/9},50%,50%,.3)`)
x.ellipse(960,Z,t%.5*Z,50*t%Z*3,t/3,0,7)
x.stroke()

Dec 20 2017 12:16 AM UTC

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

Xen

function u(t) {

for(i=2e3;i--;x.fillStyle=R((Z=C(i+t)*i)/3,0,Z*S(i+t),.2))x.fillRect(i,19*frame*C(i+t)%1e3,19,2e3)

Dec 19 2017 11:33 PM UTC

}// 98/140

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

Many_Mountains-98bytes

u/Xen

optical illusion, look through the lines and not at them.

dwitter.net | Xen (7093)