Random dweets | Dwitter

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

rodrigo.siqueira

remix of d/36081 by u/KilledByAPixel

function u(t) {

x.globalAlpha=.1
for(i=w=9e3;i--;x.fillRect(X=960+C(a=(j+t*180)**5-t)*r,Y=1100+S(a)*r/2-j/3,z=r/9,5),x.clearRect(X,Y,z/=9,z))j=w-i,r=j*j/w

Aug 4 2026 2:18 PM UTC

}// 138/140

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

Glitch hole

u/cantelope

noice

show FPS hide FPS share fullscreen

Hedgehog

remix of d/9969 by u/Hedgehog

function u(t) {

x.fillStyle = R(Math.random()*255, Math.random()*255, Math.random()*255)
x.fillRect(Math.random()*1920,Math.random()*1080,200,200)

Sep 20 2018 5:17 PM UTC

}// 130/140

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

Hmmmm №2

show FPS hide FPS share 1 remix fullscreen

bbyalcinkaya

function u(t) {

c.width=1920
d=60// change this
for(i=0;i<360;i++){
k=(360-i)*t/60
x.fillRect(960+i*C(k),540+i*S(k*t/d),20,20)
}

Oct 20 2018 9:45 PM UTC

}// 114/140

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

eine kleine nachtdweet

show FPS hide FPS share fullscreen

Krotyara

function u(t) {

c.width=500
x.fillStyle="#000000";
x.fillRect(0,0,500,500);
for(i=0;i<25;i++){
x.rotate(S(t));
x.fillText('🙂', 10*i, 10*i);
}

Sep 15 2018 12:32 PM UTC

}// 125/140

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

Glushenko Carousel

u/dan_cat

кротяра ты че

show FPS hide FPS share fullscreen

pbjer

function u(t) {

c.width=1920
w=1920
m=255
z=S(t)
x.fillStyle=R(m,100,z*m)
x.fillRect(0,0,w,w)
x.arc(w/2,z*300+800,200,0,6)
x.fillStyle=R(m,m,0)
x.fill()

Mar 1 2021 8:02 PM UTC

}// 136/140

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

Infinite Sunset

Show more comments…
u/magna

Neat! Here, I've shaved some bytes to illustrate a few quick wins (also, use 7 instead of 6 for 2π): c.width=w=1920;z=S(t);x.fillStyle=R(m=255,99,z*m);x.fillRect(0,0,w,w);x.arc(w/2,z*300+800,200,0,7);x.fillStyle=R(m,m);x.fill()
u/danny@hille.dk

wrap it in with(x) is also a quickwin if you have more than 3 canvas operations
u/danny@hille.dk

c.width=w=1920;z=S(t);with(x)fillStyle=R(m=255,99,z*m),fillRect(0,0,w,w),arc(w/2,z*300+800,200,0,7),fillStyle=R(m,m),fill()
u/danny@hille.dk

z=S(t) takes up more space than having S(t) inline
u/danny@hille.dk

if you are willing to make some compromises, you can use your constant m to replace values close to 255
u/danny@hille.dk

and use 2e3 instead of 1920
u/danny@hille.dk

117 b => c.width=w=2e3;with(x)fillStyle=R(m=255,99,S(t)*m),fillRect(0,0,w,w),arc(w/2,S(t)*m+800,m,0,7),fillStyle=R(m,m),fill()
u/danny@hille.dk

113 => w=c.width|=0;with(x)fillStyle=R(m=255,99,z=S(t)*m),fillRect(0,0,w,w),fillStyle=R(m,m),arc(w/2,z+800,m,0,7),fill()

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21455 by u/Qwitter

function u(t) {

x.fillStyle='#0001'
x.fillRect(0,0,m=2e3,m)
for(i=399;i--;x.clearRect((1+(t%40>5))*(D=540)+(A=D/(t%5))*S(i+t),D+A*S(t+S(i-t)),A/9,A/9));

Jan 28 2021 5:35 PM UTC

}// 136/140

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

Well... it's a remix :-)

Show more comments…
u/Qwitter

cool!
u/smtsjhr

wow @ u/danny@hille.dk i was working on something with similar output, but using x.lineTo ! i will share soon, but its over 140 maybe you can help me golf please : )
u/smtsjhr

clever x.clearRect trick! its like you are "erasing" what you intend to draw! ...and it seems interchanging x.clearRect and `x.fillRect' in your code looses the blur effect hmm!
u/smtsjhr

@ u/danny@hille.dk check out d/21499
u/danny@hille.dk

.fillStyle='#0001' sets fill color to black with a transperancy of 16% (this css shorthand hex color notation, denotates color in 4*8bit RGBA, it is in essence the same thing as the standard #RRGGBBAA notaion, but with less resolution) fillRect then fills the intire screen with that blackish color then clearRect is used to "paint" white squares (the main reason is so you only have to use fillStyle once) When the main loop runs again - the white squares are only mostly paintet (84%) over, which results in a kind of motion-blur/glow As far as i know, you cannot use this technique with lineTo since line uses strokeStyle to draw linecolors
u/smtsjhr

u/danny@hille.dk thanks for all the info!

show FPS hide FPS share 2 remixes fullscreen

lewdev

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪌽󜼰󜌺󚍘󟝙󟝏󟜰󛍌󟝛󧜬󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟬨󦌽󩜮󮌯󜬬󦜽󩜮󮜯󜬩󚜊󮌮󩭩󫍬󥍥󮍴󚌢󧍵󡌸󜽄󧍵󡍅󡜸󘬬󦌭󝜬󦜩󒭏󟍴󟽌󛭰󭝳󪌨󦽘󛍙󛍏󟝴󚼮󜭝󚜺󣼮󫍥󫭧󭍨󟬵󙬦󣌮󬍯󬌨󚜊󩭯󬬨󫌠󫽦󘍌󚝸󛭦󪝬󫍒󩝣󭌨󫍛󜍝󛍬󦼱󧜭󟜴󛌳󛌹󚜻`.replace(/u../g,'')))

Jul 16 2025 9:20 AM UTC

}// 133/140

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

Top Down Shooter #interactive (use mouse to move)

u/marquisdegeek

Any way of combining this with https://www.dwitter.net/d/33772 ?
u/lewdev

I definitely can't do that in one dweet.
u/joeytwiddle

Pew pew pew pew
u/joeytwiddle

Pew pew pew pew

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=c[h='width']+=i=0;e=s=w/5;for(;i<5;x.font=`${s*(1+C(t-i))}px Comic Sans MS`,x.fillText(h[i],e,700+100*S(t)),e+=x.measureText(h[i++])[h]);

Feb 5 2018 9:27 PM UTC

}// 139/140

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

u/joeytwiddle

My first time seeing Comic Sans on this site. Thank you!!

show FPS hide FPS share fullscreen

ntsutae

function u(t) {

t*=240,c.width|=0,c.style.filter="invert(",x.font='12em"'
for(i=100;i<1920;i+=16)
x.fillText("s",i,540+S((i-t)/75)*i/5)

May 18 2020 1:26 PM UTC

}// 120/140

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

SSSSSnake #snake

show FPS hide FPS share fullscreen

veubeke

remix of d/8917 by u/Agnes

function u(t) {

for(c.width|=j=200;j--;t*r&14&&x.fillText('●',960+25*(r*S(a=j%20*.314)+S(M=t*S(t+j/200))),25*(22+r*C(a)+C(M))))r=~~(j/20)*2,x.font=6*r+'px"'

Jul 23 2018 7:41 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/joeytwiddle

Funky!