Dweets awesomed by u/richev

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

pavel

remix of d/11472 by u/cantelope

function u(t) {

for(k=c.width|=0;j=--k>>7;x.lineTo(960*(z+4*S(t)+.43*d*((k&120)-62)+S(a))/z,1e3/z))d=.5-(j+4*t&1),z=j+.6-4*t%1+C(a=k%8*d*2.1)*2/3;x.stroke()

Dec 18 2018 11:22 PM UTC

}// 140/140

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

k=[4 bits for y][4 bits for x][3 bits for hexagon vertex]

Show more comments…
u/pavel

16*16*8=2048~=1920 so using width
u/pavel

.43~=3**.5/4, 2.1~=2*Math.PI/3
u/pavel

120=0b1111000 so k&120=x*8
u/pavel

I'm using a single stroke and no moveTo. This is a single curve, just lined everything up.
u/pavel

d is horizontal offset, even rows are offset from odd rows. Using +4*t&1 to explicitly cycle the animation every second instead of implicitly cycling every 2 seconds. Longer cycle leads to z<0 and glitches or hexagons that don't reach the camera.
u/magna

Wow!
u/aleamb

awesome!!!
u/pavel

#uncompressed with one plane

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 fullscreen

rodrigo.siqueira

function u(t) {

c.width^=1
x.font="3in'"
c.style.background=`linear-gradient(#26a,#fff,#242)`
for(i=0;i<8;i++)x.fillText('🗿', 270+i*160+S(t)*200,650,200)

Dec 17 2018 12:10 PM UTC

}// 137/140

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

Moai statues

u/joeytwiddle

#default

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

carolinaphoenix

function u(t) {

t||(P=[],z=0);q=960;c.width=q*2;P[z]=[z++*3.88322207,0];P.map(p=>x.fillRect(q+p[1]*C(p[0]),540+p[1]*S(p[0]),9,9));P=P.filter(p=>p[1]++<2e3)

Dec 17 2018 5:42 AM UTC

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

pavel

function u(t) {

with(x)for(j=512;j--;fill())for(beginPath(l=3);l--;arc(325*((j>>6)+j%2/3)+r*S(9*t),j%8*165,r*4,a=(l+j/2%1)*2.09,a))fillStyle=R(r=j&56,r*4)

Dec 17 2018 2:13 AM UTC

}// 138/140

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

u/magna

Nice!
u/cantelope

supercool

show FPS hide FPS share 1 remix fullscreen

jamespwilliams

function u(t) {

!t?x.translate(c.width/2,c.height/2):r=Math.random;x.fillStyle=`hsla(${r()*r()*2500},99%,50%,0.3)`;x.fillRect(a=150,a,a,a);x.rotate(0.01*t)

Dec 16 2018 9:07 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 1 remix fullscreen

jamespwilliams

function u(t) {

!t?x.translate(220,730):x.fillStyle=`hsla(${r()*r()*2500},99%,50%,0.3)`;r=Math.random;x.fillRect(a=200,a,a,a);x.drawImage(c,1,1);x.rotate(1)

Dec 16 2018 8:57 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/Xen

Nice!

dwitter.net | richev (19706)