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/14840 by u/pavel

function u(t) {

x.beginPath(x.lineWidth=FPS=p=Math.PI)
k=frame
k%2?n=99:(n=2+k/2,r/=C(p/n))
for(j=n+1;j--;)x.arc(960,540,t?r:r=60,a=2*p*j/n+11,a)
x.stroke()

Jun 30 2019 10:28 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/katkip

Wow! Perfect geometry

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

Xen

remix of d/14895 by u/WasifBoomz

function u(t) {

for(c.width|=0,i=4e3;i--;)x.fillRect(Math.random()*2e3,Math.random()*1080,S(i)*9,C(i)*9)

Jul 3 2019 2:29 PM UTC

}// 88/140

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

quick test

u/Xen

#static

show FPS hide FPS share fullscreen

username

remix of d/10914 by u/rodrigo.siqueira

function u(t) {

for(c.width=840,s=300;s--;)for(t+=.15,Q=t%4,i=(t^0)%6;i--;)x.arc(400+s*S(A=(Q*(Q<1)+i)*1.57),25+s/2*(C(A)+2),4,0,7)
x.stroke()

Jul 1 2019 9:16 PM UTC

}// 126/140

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

#randomremix no 16 - it's a pyramid with circles swirling about it.. isn't that obvious?

u/Xen

looks like a sprite from some Egypt 2300 simulation game :-o
u/katkip

#pyramid

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14863 by u/KilledByAPixel

function u(t) {

c.width|=0;for(z=j=4e3;j--;x.arc(960,540,350+99*S(j/500+a*4)*S(2*(a-t))**5,a,a))a=j/159+t
x.rect(0,0,z,z)
x.fillStyle="#537"
x.fill`evenodd`

Jul 1 2019 6:16 PM UTC

}// 140/140

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

Circle Wave Squared

u/KilledByAPixel

I figured out the circle wave looks really good with an evenodd fill. Also, you can change the 4 in j=4e3 to change number of layers, and toggle between filled or not if even/odd
u/joeytwiddle

Makes me think of a Fourier series d/4003 but in polar coords
u/katkip

This is cute
u/Toby

Beautiful!

show FPS hide FPS share 1 remix fullscreen

Blacklink

function u(t) {

c.width|=0
for(i=1;i<28;i++){q=(50+i*75+t*75)%1000
x.lineWidth=q/20
x.beginPath()
x.arc(980,540,q,(i*5)+t/(i*5),(i*5)+t/(i*5)+1)
x.stroke()}

Jul 2 2019 6:25 PM UTC

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

KilledByAPixel

remix of d/14859 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𫠽🡓𚁱𚠪𫠩𚠹𯀰𞱦𫱲𚁩🐱𞐰𞱱🐨𭀯𞐫𞑼𜀩𚡩𛐭𞱘👩𙐱𞐪𞐹𚰶𝠬𦐽𚁩𛰱𞑼𜀩𚠹𞐫𞐲𛀨𪐭𭀪𞑼𜀩𙐱𞐰🱸𛡦𪑬𫁒𩑣𭀨𦀫𩠨𤰩𛁙𚱦𚁃𚐬𮠽𜠫𬠨𝠩𛰹𛁺𚐺𮀮𨱬𩑡𬡒𩑣𭀨𦀭𝐰𛁙𛐵𜀬𞐹𛀹𞐩𚐊𩠽𡠽🠳𚡲𚀴𚐪𡠨𬠨𜰩𚡴𚐫𜰪𥀨𝐩𚡆𚁲𚀲𚐪𭀩`.replace(/u../g,'')))

Jul 2 2019 12:29 AM UTC

}// 140/140

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

Random Spirograph Doodle Generator

u/KilledByAPixel

#spirograph #multidweet #fullscreen
u/KilledByAPixel

The T(5) in the code should be r(5), still looks ok though. ;)
u/Xen

love it
u/KilledByAPixel

Try watching this one for a bit in fullscreen mode, the variety is amazing.

show FPS hide FPS share fullscreen

veubeke

function u(t) {

with(x)t?(fillStyle='#fff',A=(Y,R,X=0)=>beginPath(arc(99+X,45+Y,R,0,7),fill(),stroke())||A,A(0,5)(1,5,10)(0,.5)(1,.5,9)(22,20)):scale(9,9)

Jul 1 2019 7:57 PM UTC

}// 138/140

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

http://www.hurriyetdailynews.com/argentine-c…

u/joeytwiddle

#tribute
u/magna

:(

show FPS hide FPS share 1 remix fullscreen

WasifBoomz

function u(t) {

if(t==0)a=0
x.lineWidth=9
x.lineTo(0,540);x.lineTo(1920,540);x.stroke()
if(t>a/5){x.arc(960,540,t*100,0,9);x.stroke();a++}

Jul 2 2019 9:53 PM UTC

}// 122/140

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

u/joeytwiddle

Remix: t=t*7|0,x.lineWidth=t,x.beginPath(),x.arc(960,540,t**2,0,9)x.stroke()

show FPS hide FPS share fullscreen

stefano

function u(t) {

c.width=1920
for(i=0;i<16;i++)
for(j=0;j<9;j++)
x.fillRect(i*120,j*120,100*Math.abs(C(t)),100*Math.abs(S(t)))

Jul 2 2019 12:10 PM UTC

}// 109/140

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

My first dweet

u/Xen

nicely done
u/donbright

great optical illusion