Dweets awesomed by u/Joachim

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

New_Core

function u(t) {

for(a=i=1920;i--;x.fillStyle=R(50+b*i/20))x.fillRect(i-50*S(t+i/a),0,b=1-.3*S(i/(C(t+i/50)-20))-S(t+i/a),20)
x.drawImage(c,0,20)

May 23 2022 6:34 PM UTC

}// 128/140

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

u/magna

Great!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/15559 by u/tomxor

function u(t) {

for(c.width=128,i=576;i-=1/16;x.fillRect(16*X,16*Y,Z,Z))X=i%8,Y=i/128,Z=1+C(5*S(Y+C(X*3))+5*S(X+S(Y*3))+t*4)**3/2,x.fillStyle=R(X*18,0,Y*20)

May 19 2022 1:01 PM UTC

}// 140/140

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

Just added colors to this #lava

u/Joachim

for(z=c.width=128,i=576;i-=1/16;x.fillRect(16*X,16*Y,2,2))X=i%8,Y=i/z,Z=1+C(5*S(Y+C(X*3))+5*S(X+S(Y*3))+t)**~1-1.3,x.fillStyle=R(Z*z,Z*9)

show FPS hide FPS share fullscreen

jkulvich

function u(t) {

for(t*=10,d=16,w=c.width=2*(h=c.height=800),a=0;a<w/d;a++)for(b=0;b<h/d;b++)x.fillStyle=R(150,30,200,S(t^a^b)),x.fillRect(a*d,b*d,d,d);

May 19 2022 11:25 AM UTC

}// 135/140

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

Four Colors Pixel Screen: Something Abstract

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

for(z=c.width|=i=0;++i<z*2;x.fillStyle=R(p?z:2e4/I,3e4/I,2e4/I))x.fillRect(960+S(z/(I=i%z)+t*7|0)*I*9+(p=i<z&&I/2),400+I+p*2,p?I/9:I,I)

May 16 2022 3:43 PM UTC

}// 135/140

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

Misty Trees

u/taupelink

cool! actually reminds me of the characters in some Blendo Games works
u/UEZ

#Borg #trees ;-)

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/25499 by u/rodrigo.siqueira

function u(t) {

for(m=800;m--;x[t>.8?'fill':'stroke']())x.beginPath(x.fillStyle=R(i=m%280,i/2,0,(t<1)/50)),x[m%8?'rect':'arc'](m*m%2e3,m*2,i/2+t*7,i^m,m)

May 16 2022 1:47 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 fullscreen

taupelink

remix of d/25494 by u/taupelink

function u(t) {

for(k=299,m=t?0:5e4;m--;x.stroke())x.beginPath(r=m**(m%(5/9))),i=m%k,x.lineWidth=i**.4/r,x.arc((m/5|0)%8*k+i*C(m),m%4*k+i*S(m),r,m,m+m%4+.1)

May 16 2022 4:39 AM UTC

}// 140/140

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

d/25500

u/Xen

love it!

show FPS hide FPS share 4 remixes fullscreen

taupelink

remix of d/25493 by u/taupelink

function u(t) {

for(k=300,m=t?0:5e4;m--;x.stroke())x.beginPath(r=m**(m%(5/9))),i=m%k,x.lineWidth=r/i/20,x.arc(m%8*k+r*C(m),(m>>3)%5*k+r*S(m),r,m,m+m%6/3+.1)

May 13 2022 8:40 PM UTC

}// 140/140

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

d/25494

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/25492 by u/taupelink

function u(t) {

for(k=300,m=t?0:2e4;m--;x.fill())x.beginPath(x.fillStyle=R(r=m**(m%.75),i=m%k/.9,r+i,r/i/4)),x.arc(m%8*k+r*C(m),(m>>3)%5*k+r*S(m),r,m,m-m%4)

May 13 2022 6:53 PM UTC

}// 140/140

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

d/25493

u/taupelink

Note: This dweet looks different on different browsers.You may see a blank column on the left edge and just to the right of center. Those were not there when I composed the dweet on iOS. They can be eliminated by replacing m-m%4 at the end with m-m%4+(m%4?0:7)
u/taupelink

I think what's happening is, different environments interpret arc differently in case the start and end angles are the same. In iOS, a full circle is drawn (which is what I intended). Elsewhere, nothing is drawn (hence the white columns you may be seeing).
u/pavel

As far as I know it is just Safari that has a bug with arc, where the two angle terms do not simply get %(2*pi) treatment. If the angles are sufficiently large, like 10pi-ish, the arc breaks and draws weird lines. So you have to ensure the angles are small manually :/
u/taupelink

well, the question here is what happens when the angle difference is zero? I suspect this is another quirk of Safari/iOS: when the angle is zero, it defaults to drawing a full circle.

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/25390 by u/taupelink

function u(t) {

for(k=311,m=t?0:2e4;m--;x.fill())r=m**(m%.75),x.beginPath(x.fillStyle=R(i=m%k*4,i^r,i+r,r/i)),x.arc(m%8*k+r*C(m),(m>>3)%5*k+r*S(m),r,m,m-3)

May 13 2022 6:39 PM UTC

}// 139/140

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

d/25492

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;y=--i>>7;)x[i&7?'arc':'moveTo'](43*(i/2&60|y&2),25*(3*y+y%2-2),99-i%2*(51+45/(1+i**C(t+y/9))),a=(i+y+.5)%6/.955,a)
x.fill()

May 11 2022 12:56 AM UTC

}// 140/140

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

Unblasphemous Geometryᵀᴹ Radical Echoes Pattern by Xponentialdesign

u/pavel

Source: https://www.reddit.com/user/xponentialdesign…
u/Xen

Love it!
u/vain

i'm really amazed how you converted the gif anim to an amazing tiny code. just great! <3
u/pavel

Thanks for the kind words :)

dwitter.net | Joachim (52239)