Dweets by u/Ghoust

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

Ghoust

function u(t) {

x.globalAlpha=.1
t?x.fillRect(0,0,1920,1080):[X,Y]=[]
c.onmousemove=(e)=>{d=e.x-X+e.y-Y
x.clearRect(e.x*3.4-d,e.y*3.4-d,d,d)
X=e.x
Y=e.y}

Mar 9 2024 9:28 PM UTC

}// 138/140

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

Cursor Trail

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

v=4

p=t%(1/v)
t?p>.01?c.width*=1:0:a=[]
for(i=22;i--;){p<.01?i?a[i]=a[i-1]:a[0]=Math.random():x.fillRect((p*v+i-2)*100,a[i]*900,w=100,w)}

Mar 9 2024 1:53 PM UTC

}// 138/140

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

Random Box Height

show FPS hide FPS share 1 remix fullscreen

Ghoust

function u(t) {

c.width=500
d=(p)=>{x.stroke(new Path2D("M"+p))}
for(i=9;i--;){a=(t%1*3+i-2)*40
b=a/2+9
d([200-b,a,300+b,a])}d([200,0,50,300,450,300,300,0])

Mar 8 2024 12:00 PM UTC

}// 140/140

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

Train Tracks

u/cantelope

can we talk about perspective tho? :D looks like a good start... gonna remix brb

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

f=(l,u,c)=>{w=C(m=t*60)+S(m*m/c)
w=(t<48-u/9?w*w*m+t*5:0)*c
x.fillRect(l-w/2,m/4+u,w,c*5)}
for(i=19;i--;)f(960+T(i*9)*800,C(i*3)*99,C(i)/30)

Dec 23 2023 6: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).

Forest

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

t?t%3>1?0:a=Math.random():a=0
b=t?b*.99+a*.1:0
t?x.strokeStyle=R(S(t/a*9)*255):c.width=99
x.stroke(new Path2D("m"+[45,26,S(b)*43,C(b)*24]))

Sep 8 2023 1:21 PM 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

Ghoust

function u(t) {

m=[-17,-11,11,17]
n=Math.random()*4
t?t%1<.01?a+=m[n-n%1]:0:a=31
for(i=c.width=99;i--;)x.fillRect(i%9*7-7,(i-i%9)*7/9,b=i==a?3:i%2*7,b)

Nov 1 2022 2:59 PM UTC

}// 135/140

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

Chess

show FPS hide FPS share fullscreen

Ghoust

remix of d/26284 by u/Odog8

function u(t) {

t?x.fillRect([1.5,5,6,1,2,5,6][T=frame-2]*10,T>2?T>5?50:40:T==2?12:10,T>5?20:5,T>5?5:T==2?18:20):c.width=192

Oct 12 2022 10:27 AM UTC

}// 108/140

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

Golfed Loss

u/Odog8

nice
u/magna

But is this loss?

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

c.width=w=99
x.fillRect(25,46-S((t*=.8)%1>.5?(t%1-.5)*6.4:0)*18,9,9)
x.stroke(p=new Path2D('m'+[0,56,w-t%1*w*1.1,0,4,-9,4,9,w,0]))
x.fill(p)

Sep 19 2022 1:15 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 fullscreen

Ghoust

function u(t) {

f=[c.width=99]
for(i=4;i--;){f[i*2]=S(d=t+i*1.5)*9;f[i*2+1]=C(d)*9}for(i=8;i--;)f[i]+=i<2?30:-f[i-2]
x.stroke(p=new Path2D('m'+f))
x.fill(p)

Sep 19 2022 12: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).

rotating square

u/Ghoust

does anyone know a better way of doing this?
u/danny@hille.dk

I'm not sure it's better, but this another way: c.width+=0; x.translate(960,540); x.rotate(t); x.fillRect(-250,-250,500,500)
u/KilledByAPixel

for(c.width|=i=4;i--;x.fill())x.arc(960,540,500,a=i*11+t,a)
u/rodrigo.siqueira

I like this 3D rotation: x.fillRect(700,300,400,400) ; c.style="transform:rotate3d(1,5,2,"+t*2+"rad)"

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

c.width=w=99
t?t%1<.01?h=Math.random()*40:b+=(h-b)/9:b=h=0
x.fillRect(w-t%1*w,0,9,w)
x.clearRect(0,h-9,w,15)
x.fillRect(20,b-S(5*t%3)*8,5,5)

Sep 19 2022 9:15 AM UTC

}// 140/140

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

Flappy Bird

dwitter.net | Ghoust (173)