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

Vertfromage

remix of d/25272 by u/Vertfromage

function u(t) {

if(t<24.5){x.fillStyle=R(900);x.fillRect(900+S(t)*30*t,550+C(t)*9*t,5+t,9);x.fillStyle=R(100);x.fillRect(900-S(t)*9*t,550-C(t)*30*t,5+t,9)
}

Apr 3 2022 7:20 PM UTC

}// 140/140

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

Remix: multi-colored

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/3324 by u/xem

function u(t) {

for(c.width^=i=0;i<9;i+=.1)for(j=0;j<9;j+=.1)x.beginPath(),x.arc(900+400*S((i+t/9)*3)*C((j+t/5)*1.5),500+400*S((j+t/9)*1.5),5,0,6),x.fill()

Oct 21 2017 7:22 AM UTC

}// 139/140

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

Sphere-<3

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/3559 by u/BriSeven

function u(t) {

if(!t)d=[];X=Y=0;for(i=1e4;i--;x.fillRect(X+=C(d[i])*9,Y+=S(d[i])*3,Z=9*S(d[i]),Z))D=(d[i]||1),d[i]=D+C(D*i*99+t*D-t)/7,x.fillStyle=R(D*99)

Nov 23 2017 5:30 PM UTC

}// 139/140

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

Pre-Igneous

show FPS hide FPS share 2 remixes fullscreen

lewdev

remix of d/34375 by u/lewdev

function u(t) {

onmousedown=onmouseup=e=>x.beginPath(A=e.buttons)
onmousemove=e=>A&&x.lineTo(e.x*(s=c.width/innerWidth),e.y*s),x.stroke()

Oct 3 2025 8:47 PM UTC

}// 121/140

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

🎨🖱️ Tiny Canvas Paint Dweet (click drag to draw)

u/ximavus

You did it! This was a big goal on my original paint project to click and paint instead of automatically painting
u/ximavus

You can put also onkeydown=e=>c.width|=0 at the end to add clearing by pressing keys

show FPS hide FPS share fullscreen

ersagun

remix of d/10585 by u/ersagun

function u(t) {

d=(a,...r)=>(x.fillStyle=a,x.fillRect(...r))
d('#00000001',0,0,w=2e3,w)
d('#fea',i=Math.random()*w,i*w%w,5,5)
x.drawImage(c,-40,-22,w,1125)

Oct 21 2018 1:04 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 1 remix fullscreen

metamero

function u(t) {

onclick=e=>navigator.clipboard.readText().then(a=>c.before(a+' '))

Dec 19 2018 12:21 AM UTC

}// 66/140

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

i know what you did last minute (click to paste text)

u/katkip

Lmao
u/joeytwiddle

#doxx

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

t?(x.font="30px A",x[A="fillText"]("⚫",-17,11),x[A]("ˎ}",13,9),x.rotate(1.2566)):(c.width=110,x.translate(55,32))

May 29 2018 1:32 AM UTC

}// 113/140

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

cherry flower

u/lionleaf

#flower

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜡥𝀬𨰮𭱩𩁴𪁼🐰𛁨🐲𝀰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𪀫𪐥𝰪𪀫𦀯𚁚👃𚁰𚐪𩀫𞐩𚡨𛀲𝰵𚰨𪐥𜰫𦐯𦠩𚡨𛀳𛀳𚐩𦀽𤰨𬀽𚁁👍𨑴𪀮𨑴𨑮𜠩𚁘👓𚁩𚐭𜰬𜀩𚱩𚡩𚐪𚁤🐨𢀽𣑡𭁨𛡨𮑰𫱴𚐨𦀬𜀩𚐬𦐽𤰨𬀽𠐨𦐽𠰨𪐩𛁚👃𚁰𚐪𩀩𚱴𚠸𚱩𙐷𚐪𚁤👈𚁙𛁚𚐩`.replace(/u../g,'')))

Oct 13 2024 11:09 PM UTC

}// 140/140

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

torus 3

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

show FPS hide FPS share 2 remixes fullscreen

pythech

remix of d/8669 by u/pythech

function u(t) {

c.width|=0
with(x)for(i=32;i--;fill(),fillStyle=k?'#fff':R())beginPath(k=i%2),arc(k*130+200*(i>>1),500+k*160+300*C(i+t)*S(t),200,0,9)

Jun 22 2018 3:52 AM UTC

}// 133/140

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