Dweets awesomed by u/ciaccodavide

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

remix of d/20400 by u/ciaccodavide

function u(t) {

for(w=c.width|=i=9;i--;x.fill())s=25*S(t+i)+50,q=w-s*2,x.beginPath(),x.arc(s+Math.abs(q-(t*300-i*i*99)%q*2),900-800*S((i*6+t)%3.14),s,0,7)

Oct 26 2020 3:55 PM UTC

}// 138/140

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

crazy balls if you wait for it.. =)

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20399 by u/ciaccodavide

function u(t) {

r=100+S(t)*40
w=(c.width=1920)-2*r
h=1080-2*r
m=l=>r+Math.abs(l-t*h%l*2)
x.arc(m(w),m(h),r,0,9)
x.fill()
x.rect(0,0,w+r*2,h+r*2)
x.stroke()

Oct 26 2020 2:34 PM UTC

}// 139/140

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

Size Changing Bounded Bouncing Ball

u/ciaccodavide

This one is a bit buggy...

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

v=1337/3
r=33
w=(c.width=1920)-2*r
h=1080-2*r
m=l=>r+Math.abs(l-t*v%l*2)
x.arc(m(w),m(h),r,0,9)
x.fill()
x.rect(0,0,w+r*2,h+r*2)
x.stroke()

Oct 26 2020 2:25 PM UTC

}// 139/140

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

Bounded Bouncing Ball

u/ciaccodavide

v // speed
u/ciaccodavide

r // ball radius
u/ciaccodavide

w // bounding box width
u/ciaccodavide

h // bounding box height

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20397 by u/ciaccodavide

function u(t) {

h=(c.height=1920)/2
x.lineWidth=8
k=Math.PI*2/h
for(s=h;s--;){
x.beginPath()
x.arc(h,h/2,180+s/10-(t*42)%80,t+(s-1)*k,t+s*k)
x.stroke()
}

Oct 26 2020 1:31 PM UTC

}// 137/140

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

Stepping Spiral Starter

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20394 by u/ciaccodavide

function u(t) {

h=(c.height=1920)/2
x.lineWidth=8
k=Math.PI*2/h
j=0
for(s=h;s--;){
x.beginPath()
q=k
x.arc(h,h/2,18+s-t%k,t+(s-1)*k,t+s*k)
x.stroke()
}

Oct 26 2020 1:22 PM UTC

}// 135/140

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

Spiral

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

r=180
h=(c.height=1920)/2
x.lineWidth=8
k=Math.PI*2/6
for(s=1;s<7;s++){
x.beginPath()
q=k
x.arc(h,h/2,r+t*s,s*k,t+s*k)
x.stroke()
}

Oct 26 2020 1:11 PM UTC

}// 131/140

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

Concentric Buildup

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20392 by u/ciaccodavide

function u(t) {

P=6*(2.1+S(t))
for(K=0;K<960/P;K++)x.fillStyle=R(g=66+111*Math.random()*.02*K,g*.7,g*2),
x.fillRect(K*P,0,1920-P*K*2,P)
x.drawImage(c,0,P)

Oct 26 2020 12:56 PM UTC

}// 138/140

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

Infinite Procedural Symmetry with Size-Time Modulation

u/ciaccodavide

#symmetry

show FPS hide FPS share 2 remixes fullscreen

ciaccodavide

remix of d/20391 by u/ciaccodavide

function u(t) {

P=9
for(K=0;K<960/P;K++)x.fillStyle=R(g=66+111*Math.random()*.02*K,g*.7,g*2),
x.fillRect(K*P,0,1920-P*K*2,P)
x.drawImage(c,0,P)

Oct 26 2020 12:54 PM UTC

}// 127/140

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

Infinite Procedural Symmetry Optimized (edit P to change Pixel Size)

u/ciaccodavide

#symmetry

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20390 by u/ciaccodavide

function u(t) {

for(K=120;K--;)
x.fillStyle=R(g=66+111*Math.random()*.02*K,g*.7,g*2),
x.fillRect(K*8,0,8,8)/x.fillRect(1920-K*8-8,0,8,8)
x.drawImage(c,0,8)

Oct 26 2020 12:44 PM UTC

}// 139/140

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

Infinite Procedural Symmetry Overcolor

u/ciaccodavide

#symmetry

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

for(K=120;K--;)
x.fillStyle=R(g=66+111*Math.random()*.02*K,g*.7,g*.3),
x.fillRect(K*8,0,8,8)/x.fillRect(1920-K*8-8,0,8,8)
x.drawImage(c,0,8)

Oct 26 2020 12:43 PM UTC

}// 140/140

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

Infinite Procedural Symmetry

dwitter.net | ciaccodavide (10197)