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

ciaccodavide

function u(t) {

n=10
y=f=>150+40*f(t)
for(X=192;X--;)x.fillStyle=R(y(S),y(C),255),x.fillRect(X*n,0,n,n)
x.drawImage(c,0,n)

Oct 28 2020 9:07 PM UTC

}// 106/140

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

G r a d i e n t

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20418 by u/ciaccodavide

function u(t) {

q=Math.random()*4
X+=q<1?-1:q<2?1:0
Y+=q>3?-1:q>2?1:0
X=X<0?0:X>60?60:X
Y=Y<0?0:Y>30?30:Y
x.fillRect(X*32,Y*32,16,16)
}{d=b={}
X=30,Y=15

Oct 28 2020 6:54 PM UTC

}// 136/140

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

Random Dots Drawing

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

q=Math.random()*4
X+=q<1?-1:q<2?1:0
Y+=q>3?-1:q>2?1:0
X=X<0?0:X>60?60:X
Y=Y<0?0:Y>30?30:Y
x.fillRect(X*32,Y*32,32,16)
}{d=b={}
X=30,Y=15

Oct 28 2020 6:52 PM UTC

}// 136/140

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

Horizontal Drawing

u/ciaccodavide

#random

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

for(;;){a=r(1920)
v=r(1080)
if(!p[`p${a*v%100000}`]){p[`p${a*v}`]=1
x.fillRect(a,v,1,1)}}}{a=v=0;p={};m=Math;r=a=>m.floor(m.random()*a)

Oct 28 2020 6:24 PM UTC

}// 135/140

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

Curvature on timeout

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

r=a=>Math.floor(Math.random()*a)
for(i=10000;i--;){a=r(1920)
v=r(1080)
if(!p[`p${a+v}`]){p[`p${a*v}`]=true
x.fillRect(a,v,1,1)}}}{a=v=0;p={}

Oct 28 2020 6: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).

Saturn rings detail

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

c.width=64
f=v=>824429291091531969149021958635251057546132335n&1n<<BigInt(~~t%10*15+v)
for(p=15;p--;)f(p)&&x.fillRect(30+p%3,15+~~(p/3),1,1)

Oct 28 2020 2:46 PM UTC

}// 140/140

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

Decimal Counter without text

Show more comments…
u/ciaccodavide

For the crisp edges just add:
u/ciaccodavide

c.style.imageRendering='crisp-edges' [on Firefox]
u/ciaccodavide

c.style.imageRendering='pixelated' [on Chrome]
u/Xen

nice!
u/ciaccodavide

Thanks!
u/tomxor

Interesting, didn't know about the bigint n postfix
u/tomxor

Wow wait a sec... does this mean we can finally sue bitwise beyond 32bits in JS? 4503599627370496n>>52n
u/tomxor

oh this is cool 2n**64n there will be dwitterquences for this :)
u/ciaccodavide

yeeep ;)
u/Tesseract

0x24f7fbef924fef3fce7c9edf3cfcf9e4927b6fn makes it a little shorter, If you have any use for 5 more characters.
u/ciaccodavide

thanks u/Tesseract !!! I managed to get a compressed hd version thanks to your tip! d/20426
u/ciaccodavide

from 141 to 138 (compressed) :D

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

c.width=1320+600*S(t)
d=10
for(i=0;i<d;i++)x.fillStyle=R(f=d*i+S(t)*d,i+100+C(t)*d*d,i*f*d,.1337),x.arc(0,0,d+3*d*i*d,0,d),x.fill()

Oct 28 2020 10:06 AM UTC

}// 132/140

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

Breathe

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

dwitter.net | ciaccodavide (1348)