Dweets awesomed by u/wclang

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

quuxman

function u(t) {

x.beginPath()
r=1100
for(i=0;i<300;i+=2+(t/1000)%2)x.lineTo(S(i)*r+960,C(i)*r+540)
x.fillStyle=R(c=(S(t*2)+1)*120,c,c*2)
x.fill('evenodd')

Dec 29 2017 6:36 AM UTC

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

quuxman

function u(t) {

for(i=1e4;i--;x.restore())a=i%2?0:i%45,x.fillStyle=R(a,a,a*6,.3),x.save(),x.translate(i%201*40,i/9),x.rotate(i%99/9+t),x.fillRect(0,0,40,40)

Dec 28 2017 11:24 PM UTC

}// 140/140

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

Thanks to u/Xen for code reduction help

u/Xen

we're all here to help each other, you're very much welcome.

show FPS hide FPS share fullscreen

wclang

function u(t) {

c.onmousemove=e=>X=e.clientX/2000
c.width=1920;
x.beginPath();
for(i=0;i<1000;i++){a=i*X+9*t;x.lineTo(800+i*C(a),500+i*S(a))}
x.stroke();

Dec 28 2017 9:55 PM UTC

}// 137/140

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

Mouse over to change how tightly the Archimedean spiral is wound,.

u/wclang

(Another application of the mouse code I saw from FireFly, #1629.)

show FPS hide FPS share 5 remixes fullscreen

ben

function u(t) {

function v(a,b,g,r){if(r>1){x.fillRect(a+=r*S(g),b-=r*C(g),2,2)
v(a,b,g-1+C(t),r*=.7)
v(a,b,g+.5+S(t),r)}}c.width=500
v(250,270,0,80)

Dec 28 2017 9:28 PM UTC

}// 133/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/Xen

LOVE IT!
u/ben

trying to make a swaying tree but requires too many characters to draw the branches
u/Xen

join the chat and show your code... :-)
u/sigveseb

Very good!
u/itsjustmustafa

recursive functions in under 140, love it!
u/Bendoman

Best thing on here by far.
u/FrankMoren27

awesome
u/iverjo

#recursive
u/lionleaf

#fractals
u/vain

incredible

show FPS hide FPS share fullscreen

wclang

function u(t) {

c.onmousemove=e=>X=e.clientX
a=20
for(i=0;i<80;i++){for(j=0;j<50;j++){z=(i*i+j*X+77*t)%255;x.fillStyle=R(z,0,0,1);x.fillRect(a*i,a*j,a,a)}}

Dec 28 2017 9:26 PM UTC

}// 140/140

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

Move the mouse around to change the patterns

u/wclang

This borrows from Firefly #1629 again for capturing mouse movement, and combines my previous two dweets.
u/iverjo

#interactive

show FPS hide FPS share fullscreen

wclang

function u(t) {

c.onmousemove=function(e){X=e.clientX;Y=e.clientY;}
x.clearRect(0,0,1920,1080);x.fillStyle="red";x.fillRect(3.3*X,3.3*Y,100,100);

Dec 28 2017 7:06 PM UTC

}// 129/140

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

Mouse over the screen; a red square follows the mouse.

u/wclang

Note, you'll get an error message until you mouse over the screen.
u/wclang

There's a magic number, 3.3, that keeps the square under the mouse. This doesn't work in full-screen mode (the square is offset from the mouse).
u/wclang

I should mention I learned that mouse events are accessible from FireFly #1629. (I had to figure out what was going on in that dweet, so I could get X and Y off of the mouse.)
u/iverjo

#interactive

show FPS hide FPS share fullscreen

@.+

remix of d/4429 by u/@.+

function u(t) {

c.width^=0;
a=i=>{x.lineTo(C(T*i)*500+1000,S(T*i)*500+500);}
T=3.14e-2;for(i=1;i<=2e2;i++){
x.beginPath();
a(i)
a(i*~~(t*5))
x.stroke()
}

Dec 28 2017 5:08 PM UTC

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

JoshiRaez

remix of d/4430 by u/JoshiRaez

function u(t) {

for(i=40;i<1920;i+=1){c=-t*2000+i;d=c=>S((c*0.002))*122+123;x.strokeStyle=R(d(c),d(c/2),d(c/4),1);x.strokeRect(960-(i)/2,540-i/2,i,i)}

Dec 28 2017 5:01 PM UTC

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

remix of d/4342 by u/retera

function u(t) {

for(c.width|=p=q=265;q--;x.fill(x.arc(1e3+C(t-q)*(p/t/S(t)+q),540+S(t-q)*((t-p/2/C(t))-q),80,0,7)))x.fillStyle=R(q,q,p-q,q/p),x.beginPath()

Dec 28 2017 4:13 PM UTC

}// 139/140

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

Shoutz to retera.

show FPS hide FPS share fullscreen

marrasen

function u(t) {

for(q=0;q<1080;q+=20)for(r=0;r<1920;r+=20){
x.fillStyle=R(t+q/t%255,t+r/t%255,t*q*r%255)
x.fillRect(r+t*9%1920,q%1080,t*4%20,t*5+15%20)
}

Dec 28 2017 3:07 PM UTC

}// 137/140

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

dwitter.net | wclang (3669)