Dweets awesomed by u/artfarnaa

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) {

c.width|=i=99
for(x.translate(960,540);i--;x.rotate(C((i*T(t/14))*T(t/9))/i*2))x.rect(Z=-i*9,Z,Y=i*18,Y);
x.fill('evenodd')

Dec 20 2018 9:22 PM UTC

}// 123/140

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

https://www.youtube.com/watch?v=y1aVFTetrmY Enjoy ;-)

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=16,x.scale(2,2);i--;x.moveTo(480,0),x.arc(480-r*S(a=C(40*t/r**.5)),r*C(a),r/16,a-11/7,9))r=4e4/(9+i)**2;x.stroke();x.fill()

Dec 20 2018 7:18 AM UTC

}// 138/140

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

#pendulum #waitforit

u/katkip

Nice
u/cantelope

can save a byte by nesting x.fill(x.stroke())
u/katkip

It's better than d/6440

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(w=i=c.width|=h=Math.PI/2;i--;x.fillRect(w/2+r*C(i+t),(i<w/3?w/3:i)/2+r/2*S(i+t)*S(t),4,10))r=(i<w/2?i:w-i)/2/C(i%h-h/4-(i%h>h/2)*h/2)

Dec 19 2018 10:57 PM UTC

}// 137/140

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

Diamond

u/joeytwiddle

#model
u/f8f82804

#d3

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/11455 by u/pavel

function u(t) {

for(r=c.width|=0;--r;)x.stroke(p=new Path2D,p.arc(960,540,r,a=(r+~~(99*t)-t/9)*5**.5/2%(2*Math.PI),a+(x.lineWidth=32)/r))

Dec 19 2018 1:13 AM UTC

}// 121/140

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

Black Hole

u/pavel

Deleting %(2*Math.PI) works in Chrome but not in Safari.
u/pavel

Notice that the radius does not change with time. The inward motion is achieved by drawing a smaller radius square next to where the larger radius square was a frame ago.
u/pavel

If the squares were numbered you'd see that the numbers jump around every frame.
u/pavel

I've made an explanation dweet d/11488

show FPS hide FPS share fullscreen

DataMeta

remix of d/9262 by u/DataMeta

function u(t) {

with(x)for(c.width|=i=45;i--;stroke())lineWidth=7,
arc(960,540,Math.abs(480*S(C(t-i)*S(t/3)+S(t/2)*4))+42,i,i)

Dec 17 2018 10:23 PM UTC

}// 110/140

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

u/artfarnaa

Excellent

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

q=t/25;x.fillRect(0,0,2e3,2e3);for(i=500;i--;)x.clearRect(960+S(t-i*q)*(500-i),540+C(t-i*q)*(250-i+S(t)*99),8,8)

Dec 17 2018 6:20 AM UTC

}// 112/140

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

#galaxy

u/jamespwilliams

Cool!
u/otomakan

Gorgeous!
u/C010011012

one of the oscillator things with the θ=r*t I see

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/11420 by u/cantelope

function u(t) {

j=t?j%6e3:P=[]
for(w=i=150;i--;c.width=-1)P[j++]=[40,8+S(i/4)*C(t*16)*3]
P.map((p,i)=>x.fillRect(w+(i%w-75)*(g=w/p[0]--),p[1]*g,s=g*g/23,s))

Dec 15 2018 7:17 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/katkip

#d3 #landscape Nice!!
u/pavel

#uncompressed

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=60,x.scale(5,5);i--;x.ellipse(192,20+o*160,o?60:80,o?30:15,0,a=(i>>1)*(o-.5)*.42+S(3*t)*.7,a+7))o=i+i/2&1
x.stroke()

Dec 11 2018 1:37 AM UTC

}// 131/140

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

Twisted Cylinder #beesandbombs

u/pavel

Single stroke call and only ellipse to draw. The lines are canvas connecting the various ellipse draw cal into a single stroke, I just manage the start angles.
u/pavel

o determines which ellipse, 0 is top and 1 is bottom. It goes: top, bottom, bottom, top. Four-cycle to draw two vertical lines and reset. The angle increments every 2 so top and bottom angle is the same.
u/jylikangas

Thanks for writing about the tricks in your dweets.

show FPS hide FPS share 1 remix fullscreen

ellisk1

function u(t) {

with(x)for(j=9;j--;stroke())beginPath(strokeStyle=`hsl(${t*j} 90%50%`),arc(X=960,Y=540,Y,t+=a=1.57,b=t+a),arc(X-99*S(t),Y+99*C(t),440,b,b+3)

Dec 10 2018 12:17 AM UTC

}// 140/140

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

Twisting Ring

u/pavel

Omitting the space in 90%50% does not work on Safari. The color is set to black.

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/11358 by u/katkip

function u(t) {

c.width*=1;x.lineWidth=3;
for(i=0;i<50;i++)x.ellipse(960+S(t+i/9)*200,540+C(t+i/9)*200,200*t/i,9*t/i,t*i,0,7);x.stroke();

Dec 9 2018 12:21 PM UTC

}// 121/140

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

dwitter.net | artfarnaa (12181)