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

M.HADI

function u(t) {

x.arc(1190,390,270,11,2) 
x.stroke() 
x.fill()
x.arc(1190,390,270,11,2)
x.stroke()

Oct 15 2018 12:55 PM UTC

}// 85/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 3 remixes fullscreen

taupelink

remix of d/25504 by u/taupelink

function u(t) {

for(m=t?0:7e4;m-->3e4;x.fill())j=m/197,i=m%197,x.beginPath(x.fillStyle=R(q=i**(j/i),i,j,j/q)),x[j>q?'arc':'rect'](m*q%1921,i*j%1081,j,q,q-3)

May 22 2022 2:45 PM UTC

}// 140/140

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

d/25526

show FPS hide FPS share 3 remixes fullscreen

mxfh

function u(t) {

with(x)for(transform(X=16,0,0,X,540,540),fillText('𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀',5,3);X-->9;fill(new Path2D(`M9 3a9 9 0 0 0 0-6l-5 7`)))rotate(.78)

Apr 3 2017 10:50 PM UTC

}// 127/140

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

«It's hard to overstate my satisfaction.»

Show more comments…
u/magna

🎂
u/sigveseb

Doesn't work on android, just see boxes with X inside :(
u/mxfh

just replace 𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀 with Aperture. Which also is a bit heavy on the byte count.
u/mxfh

but you miss out on MATHEMATICAL SANS-SERIF BOLD ITALIC
u/magna

SHAME!
u/mxfh

the funniest thing about this is, that the kerning is a different kind of noticeably wrong on all platforms and browsers
u/donbright

all u need is to implement truetype rendering in 140 chars
u/mxfh

@dinbright kind of: https://www.dwitter.net/d/2417
u/Xen

love it!
u/iverjo

#path2d
u/mxfh

#text #logo #transform

show FPS hide FPS share fullscreen

Xen

remix of d/27390 by u/Xen

function u(t) {

t?x.fillText(z=(t*=t)|0,356+C(z)*z,214+S(z)*z):c.width=789
x.drawImage(c,S(t)/4e2,C(t)/4e2)
x.fillStyle="#a"+frame

Apr 18 2023 10:47 PM UTC

}// 114/140

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

weirdly stops blur if fullscreen before complete.

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

with(x)fillStyle=`hsl(270 66%99%`,fill(arc(960,540,99,0,7)),drawImage(c,-1.5,-1,1923,1082)

Sep 10 2020 12:52 PM UTC

}// 90/140

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

I found this cool trick with hsl

show FPS hide FPS share fullscreen

rishabhsinghal1987

remix of d/6219 by u/hemant19

function u(t) {

c.width=1920;
for(j=0;j<4;j++)for(i=0;i<10;i++)
x.fillRect(950+S(t+j-i)*400,550+S(t+i)*400,20,50*S(i-t*2))

Jan 23 2018 1:17 PM UTC

}// 106/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

Xen

remix of d/14925 by u/taupelink

function u(t) {

t?0:a=[J=64]
for(c.width=i=160;i--;x.fillText(a[i],i%8*20,9+(i>>3)*9))t?0:a[i]=i
J&&(K=Math.random()*J--|0,[a[K],a[J]]=[a[J],a[K]])

Jul 5 2019 3:33 PM UTC

}// 131/140

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

slight golf for Taupelink

u/taupelink

Thank you! Only thing is, I'm seeing unshuffled values greater than 63.
u/Xen

ahh ok my bad, filltext height needs to end in 11 instead of 9... we lost a byte :(

show FPS hide FPS share fullscreen

katkip

function u(t) {

r=Math.random;x.font='18cm"',x.fillText("△",660,790);for(j=99;j--;)q=r()*1980,x.fillRect(q<820?q:260+q,q<820?580:580+q/7*(r()-.5),7,7)

May 10 2019 1:28 PM UTC

}// 134/140

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

I tried. Best on firefox #prism #pinkfloyd

u/KilledByAPixel

That's cool! I like that your approach.
u/katkip

On chrome, the triangle is not centered.

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

eval(unescape(escape`眽挮睩摴栽㌰〻愽漽㹻景爨瀠楮⁯⥴桩獛灛そ⭰嬶嵝㵰紻愨砩㭸孧䍝㴧摡牫敮✻景爨椽㌰㭩ⴭ㭸学捝⠰ⰰⱷⱷ⤩樽眫琪㤹ⱡ⡧㵸学祝㵸季剝⡘㵓⡩⤪樥眬夽䌨椩⩪╷ⰹ㤬堬夬〩⤬杛慯崨〬✣晦昧⤬杛慯崨ㄬ刨⤩`.replace(/u(..)/g,"$1%")))

Oct 23 2018 10:08 AM UTC

}// 140/140

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

Worley noise - via https://codepen.io/supah/pen/oaEZqg

u/yonatan

src: w=c.width=300;a=o=>{for(p in o)this[p[0]+p[6]]=p};a(x);x[gC]='darken';for(i=30;i--;x[fc](0,0,w,w))j=w+t*99,a(g=x[fy]=x[cR](X=S(i)*j%w,Y=C(i)*j%w,99,X,Y,0)),g[ao](0,'#fff'),g[ao](1,R())
u/lionleaf

#worley

show FPS hide FPS share fullscreen

anilalur

remix of d/25089 by u/danny@hille.dk

function u(t) {

for(d=S(t/3)*6,w=i=c.width=666+9*d|0;i--;)x.fillRect(w/5-S(3.141*t/4+i/(99-d/9)*d/9)*w/9+S(3.141*t+i)*(99-i**.7)/(i+99)*200+w/3,i,m=5-d/2,m)

Mar 14 2022 4:50 PM UTC

}// 140/140

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