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

Qwitter

function u(t) {

eval(unescape(escape`𣤽𚄹𚥴𚴲𚕞𜄻𤄽𜔻𥄽𙴠𤅲𪕭𩔮𙴻𮄮𩥯𫥴🔧𝤰𬅸𘅁𙴻𩥯𬤨𪴽𜤻𪴼🕎𚤪𛤵𞵫𚴫𚔨𣤥𪴩𯅼𚅐🔰𚔻𪕦𚅐🔽𜄩𮵔🔧𙴻𯕑🔲𝔫𣤥𝤪𜴰𜄻𤄽𚄨𣤯𝤩𧤰𚔪𜔰𜄻𮄮𩥩𫅬𥅥𮅴𚅎𚵔𛅑𛄱𜄰𚵐𙔱𜄰𜄩𞵸𛥣𫅥𨕲𤥥𨵴𚅑𛄨𤄫𜔰𜄩𙔱𜄰𜄬𜴰𜄬𜤰𜄩𞴊`.replace(/u../g,'')))

Jan 21 2021 11:44 AM UTC

}// 137/140

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

Primes: fixed & deleted again ! (thanks u/pavel for reminding me 1 is not prime)

u/danny@hille.dk

I didn't need a reminder, I simply did not know :-) Learne somthing today: https://blogs.scientificamerican.com/roots-o…
u/Qwitter

Thanks for the link. More embarrassing was the first deleted version, where I also forgot that 2 < sqrt(2)+1.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=p=1.047,x.scale(9,9);i--;x.lineTo(47+f(C),f(S)))f=g=>60+56*g(a=~~t*p+i/300)-(i<3)*32*(g(b=2*a-t*p+p/2)-g(2*p*i+b));x.stroke()

Feb 11 2020 6:37 AM UTC

}// 140/140

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

Walking around

u/pavel

One of those things that's difficult to get into 140 chars but doesn't look so impressive hah.
u/pavel

Note that this is done with one stroke. The drawing starts and ends from the point that touches the circle, which changes throughout the animation.
u/pavel

You can see it if you change i/300 to i/310

show FPS hide FPS share fullscreen

DirtyDan

remix of d/6780 by u/DirtyDan

function u(t) {

c.width+=0;x.globalCompositeOperation='xor';for(i=16;i>0;i--)x.beginPath(),x.arc(960,540,(1+S(t*i/10))*i*90,0,44/7),x.fill()

Feb 13 2018 6:18 AM UTC

}// 124/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/3531 by u/New_Core

function u(t) {

for(Z=149,c.width|=i=5;i--;x.closePath(x.fill("evenodd")))x.arc(960+(Y=Z*C(t*i)),540+Z*S(t*i),i*Z,0,7),x.shadowColor=R(x.shadowBlur=i*Y,Y,Z)

Nov 20 2017 5:53 PM UTC

}// 140/140

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

had to have a play with it :D

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width|=i=0
e=_=>x.fillRect(a=S(t)*i*100+50*i,540,10,50)
e()
for(i;i<12;i++)b=a>1100,g=b,x.fillStyle=g&&'#'+'0ff0f'.substr(i%3,3),e()

Mar 5 2018 9:02 PM UTC

}// 134/140

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

Wanted to have those 3 bars fill in all at once, but the effect is cool anyway:D

u/BirdsTweetCodersDweet

Change a to 500 for more clarity...
u/BirdsTweetCodersDweet

Could have also removed g... Oh well.

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭌪󟜹󜌰󛍪󟜹󞽪󛜭󞼩󩭯󬬨󪜽󝌰󜌬󦌽󪬪󜬳󜌬󦜽󪜭󤼨󪬪󪬩󚭩󞽁󟝩󛜭󛼶󜼻󬜦󙭸󛭦󪝬󫍒󩝣󭌨󥼬󦬬󝬬󝬩󚝦󫽲󚍒󟜴󜌫󠼨󪬩󚬱󞜫󭌫󤼨󠜪󭌯󞜩󛍗󟝘󚽒󚭓󚍁󚜬󦬽󦜫󤬪󠼨󠜩󛍱󟝫󟜹󞽫󛜭󞼩󬜦󟝍󨝴󪌮󪍹󬍯󭌨󥼭󪼪󜬲󝜬󦬭󜼹󜌫󤼨󪼪󪼩󚬴󜌰󚜾󤬫󜜹󯍪󟜽󪼻`.replace(/u../g,'')))

Sep 27 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).

demake of Celestial Rings by XSaha on #fxhash

u/KilledByAPixel

https://www.fxhash.xyz/generative/slug/celes…

show FPS hide FPS share 3 remixes fullscreen

danny@hille.dk

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

function u(t) {

for(Y=t*60,X=480;X--;x.fillStyle=R(o=333*C(C(S(t+X/33)-t+S(X/(25+T(X/19+Y/19))))),o*.7))x.fillRect(X*4,0,4,4)
x.drawImage(c,0,4)

Oct 24 2020 7:11 PM UTC

}// 128/140

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

Follow the yellow brick road v2

u/joeytwiddle

#shiny
u/sigveseb

golden
u/danny@hille.dk

webgl version http://glslsandbox.com/e#69246.0

show FPS hide FPS share fullscreen

taupelink

remix of d/23760 by u/taupelink

function u(t) {

for(i=q=k=810;--i;x.fillRect(k*X,k-q*Y,-i/v,q*Y/v))f=i*t,X=f*f%5,Y=X*f%4-2,x.fillStyle=R(s=q+i*Y*.4,q^=-s,q^=255,(k+q)*(Y+3)**2/4e4),v=4**t

Sep 6 2021 6:21 AM UTC

}// 139/140

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

d/23766

u/rep_movsd

You need to write a blog about this particular technique
u/taupelink

i'd like to, but it would take time (i'm a super slow writer) and it's honestly not a priority at the moment. I can at least say this: Part of how I get four vertical bands is having Y range from less than -1 to greater than 1 (in this case, -2 to 2). Multiplying or dividing by Y then has four effects: stretch or compress, do or do not reverse sign
u/rep_movsd

A one page breakdown would be nice, or perhaps I'll write one
u/taupelink

ah ok...like a line-by-line explanation? that's doable...i'll write something up next weekend!

show FPS hide FPS share fullscreen

mxfh

remix of d/2119 by u/mxfh

function u(t) {

x.fillStyle='#C8102E'
x.rect(150,a=540,a*3,a)
x.arc(780,a,360,0,a)
x.fill`evenodd`

Jan 17 2026 12:27 AM UTC

}// 82/140

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

canonical ratios and colors

u/mxfh

#flags #greenland
u/mxfh

#flag
u/ximavus

I didn't know the ratio and color of the Greenland flag #themoreyouknow
u/mxfh

also 36 chars less than 2017 version with no wild changes. A bit sad that all polar methods to draw it end up somewhat longer.
u/vain

https://upload.wikimedia.org/wikipedia/commo…

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

l=localStorage,c.onclick=()=>l.clear()
c.width|=i=1,x.font='3em monospace'
Object.keys(l).forEach(k => x.fillText(k+'='+l[k],9,i++*70))

Nov 6 2019 5:47 AM UTC

}// 135/140

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

localStorage viewer. Click on the canvas to CLEAR ALL!

u/joeytwiddle

Visit the #localStorage hashtag to repopulate some keys ;-)
u/metamero

#tool
u/joeytwiddle

Ooof it was done before: d/5099