Dwitter - javascript demos in 140 characters

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

pavel

remix of d/23765 by u/New_Core

function u(t) {

for(c.width|=i=w=640,t?x.font='5in"':r=new Date;j=--i>>4;x.fillText(String.fromCodePoint(127812+i%16),j*w-w,(r*j+i+9*p/(1+w**p))%16*w))p=t-j

Sep 7 2021 2:36 AM UTC

}// 140/140

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

#slots

Show more comments…
u/pavel

Have to time it juust right :)
u/New_Core

nice
u/danny@hille.dk

Man - that is some next level golfing-fairy-dust you have used here :-)
u/pavel

Aw, its broken on iPhone, the font name trick doesn't seem to work.
u/anshu

rrr
u/lewdev

How? This is really cool.
u/joeytwiddle

I remember on some devices, fonts over a certain size just don't show. A workaround is to use a scale transform, or reduce the canvas size.
u/KilledByAPixel

#slotmachine

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𛁆🐨𠐬𠠬𦀬𦐩🐾𮱸𛡦𫱮𭀽𨀤𮱂𯑥𫐧𨀻𮀮𩡩𫁬𥁥𮁴𚁓𭁲𪑮𩰮𩡲𫱭𠱯𩁥𤁯𪑮𭀨𠐩𛁘𛀱𜀸𜀭𦐩𯐊𩡯𬠨𦐽𜐰𜀻𦐼𜐲𜀰𞱙𚰽𜰲𜀩𩡯𬠨𦀽𦐭𞐹𞱘🀱𞀲𜀭𦐻𦀫🐲𜰰𚐊𡠨𜐲𞐳𞀷𛀲𜀬𦀬𦐩𛁆𚀱𜠷𞀱𜠫𚁴𚰫𯀰𚐥𜐶𛁅🐴𛁘𚰱𜠸𛁙𚰷𜠩`.replace(/u../g,'')))

Sep 8 2021 2: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).

Canned fruit stand

u/rep_movsd

Best viewed on Firefox
u/rep_movsd

#food

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󘝴󟽰󟝛󧜺󬌮󭝮󬽨󪝦󭌨󮽹󞬱󛍲󞭺󙝓󚍴󚜪󞝽󚜊󩭯󬬨󪜠󫽦󘍰󚝷󪝴󪌨󪜩󮜾󜬰󜌿󬌮󬍯󬌨󚜺󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍺󛌱󜌰󚽹󚜬󮜯󟜮󞜵󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚌰󛌰󛌰󛍲󛼹󞜩󒭸󛭦󪝬󫍓󭍹󫍥󟜧󘽢󨭢󙼬󮌮󩭩󫍬󚍸󛭡󬭣󚌲󜌬󜬰󛌹󛌰󛌷󚜩`.replace(/u../g,'')))

Sep 7 2021 2:25 PM UTC

}// 135/140

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

fly by #night

u/Joachim

#moon

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23817 by u/pavel

function u(t) {

for(i=420;r=--i>>2;i&3||x.beginPath(x.fill()))x.fillStyle=`hsl(177,65%,${i-4}%`,x.arc(960,580,90*r,a=C(t*3)+i*1.57*(1+.2/r/t+C(t*2)/25),a)

Sep 10 2021 4:23 PM UTC

}// 138/140

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

Square depth, quick remix #squares

show FPS hide FPS share fullscreen

taupelink

remix of d/23648 by u/taupelink

function u(t) {

for(i=q=k=288;--i;x.fillRect(k*X-k,k*Y,2e4/q*(C(q)>Y/9*t),-Y*q))f=i*t,X=f*f%9,Y=X*f%6,x.fillStyle=R(q^=k,q*=.9+S(q%X+Y)/2,q^i,q**.5/i*Y*9/t)

Sep 9 2021 1:07 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/23818

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23749 by u/rodrigo.siqueira

function u(t) {

for(i=k=780;--i;x.fillRect(k-i*Y,k-v*i,80*q*X*v,Y*i*v))f=i*t,X=i*f%3-1,Y=X*f%4-2,x.fillStyle=R(q=i*X,q*=X*X/t,q*=Y**3*t*q/i/X,i/q/q),v=.5**t

Sep 6 2021 1:32 PM UTC

}// 140/140

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

All the colors of a sunrise

u/taupelink

nice!
u/rep_movsd

Try swapping around the r, g and b values - b, g , r and g, r, r look pretty realistic
u/rodrigo.siqueira

u/rep_movsd please paste the colors (q=...?) that you found so I can try your suggested combinations, thanks!

show FPS hide FPS share fullscreen

tomxor

remix of d/23756 by u/tomxor

function u(t) {

for(Y=t*480%720|0,X=1280;X--;!Z|!Y|Y>640|(Z/480+.75&Y/480+.83&(X|Y)/16%15)&&x.fillRect(320+X,180+Y-Z/6*S(Z/203),3,4))Z=X>640?1279-X:X

Sep 5 2021 8:28 PM UTC

}// 133/140

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

Smolr #book of #sierpinski

u/tomxor

Someone's been drawing in the margins...
u/erin

magic

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/21603 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,n=99)=>T(S(X)+S(Y))<9&&n>0?f(X*X-Y*Y-1.4,2*X*Y,n-2):n/69
for(i=1e3;i--;x.fillStyle=R(i%X))x.fillRect(X=t*49,i,1,f(X/9e3+.1,i/9e3)**2)

Sep 7 2021 9:56 PM UTC

}// 140/140

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

Art-1

u/cantelope

#slowdraw
u/cantelope

looks cool

show FPS hide FPS share 3 remixes fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𤀽𣰽🡸𛡦𪑬𫁒𩑣𭀨𣰬𮐽𦐭𤰨𨐽𦀯𦠭𛠵𚐪𦀯𝀬𜰬𥀿𜰺𦀽👚𯁼𦀽👗𛐱🰱𝠺𝀪𚁃𚁆𚡏𚡹𚐾𛠸𙠦𦐥𜐶𙠦𨐾𛠷𙠦𨐼𜠮𝰦𙡙🡚𚰶𞐦𙡙🀹𜀰𚐩𒡙🐨𡠽𩡲𨑭𩐩𙐹𞐪𞀫𚁚🐲𞀰𚐬𥀽𦐼👚𯁼𦐾𚁗🐹𝠰𚐊𩡯𬠨𦀽𦠻𡠼𜐰𜀦𙡘🁗𞱘𚰫𚑐𚁘𚐬𤀨𜐹𜠰𛑘𚐻`.replace(/u../g,'')))

Sep 4 2021 9:16 PM UTC

}// 139/140

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

The book of dweet

u/neimad

very nice
u/tomxor

Great idea
u/KilledByAPixel

now that's what i call a good book!

show FPS hide FPS share fullscreen

taupelink

remix of d/23806 by u/taupelink

function u(t) {

k=120;for(i=k;i--;)
f=97*i*t,X=f*f%16,Y=X*f%9,
x.fillStyle=R(q=i*2,q*=1+S(X*.6),q*=1-S(Y*.8+1.2),q**-t),
x.fillRect(k*X,k*Y,k/5**t,i)

Sep 8 2021 1:50 AM UTC

}// 133/140

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

d/23810 figure 2

Show more comments…
u/taupelink

Changes from figure 1:
u/taupelink

f=97*i*t: I added the "97*" to improve the quasi-random numbers. If you omit it from this dweet, then artifacts appear reflecting small values of f.
u/taupelink

q*=1+S(X*.6): I added the "*.6" to zoom in horizontally. I wanted the picture to have just one vertical red bar.
u/taupelink

q*=1-S(Y*.8+1.2): vertical zoom and translation, positioning the green bars so they look a little like riverbanks. The constants here were found entirely by trial-and-error.
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

Varying alpha inversely with brightness can create interesting effects. Here, it varies with t as well. This contributes to the texture of the river. Again, I came across this formula by trial-and-error.
u/taupelink

So that's how I ended up with a red bridge across a river. An inky shadowy red river bridge, if you will.
u/taupelink

(sorry about the repeated comment above...if a moderator could delete those, and this request comment, that'd be great. Thank you!)
u/taupelink

More about how the q**-t works: the taller, brighter blues are more transparent. The shorter, darker ones stand out more, appearing as dark horizontal lines.