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

yokljo

remix of d/3031 by u/yokljo

function u(t) {

x.globalAlpha=.1
x.save()
x.rotate(S(t*2)*.2)
x.scale(S(t),C(t))
x.fillRect(S(t)*700+900,C(t*5.2)*100+400,200,200)
x.restore()

Aug 8 2017 5:39 PM UTC

}// 126/140

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

Just playing around on my phone

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/3026 by u/cantelope

function u(t) {

for(x.fillRect(0,0,2e3,2e3),W=960,j=99;--j;)for(i=16;i--;x.clearRect(W+S(p=.39*i+j/4-6.03*V)/Z*W,540+C(p)/Z*W,s=99/Z,s))Z=j-t*6+(V=(t*6)|0)

Aug 7 2017 3:11 AM 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 fullscreen

cantelope

remix of d/3008 by u/New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(X=Y=0,i=d=350;i--;x.clearRect(X*Z+960,Y*Z+540,Z*4,Z*4))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 5 2017 5:55 AM UTC

}// 139/140

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

just made a few small changes.. loved this one and wanted to see it with colors inverted :D

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3021 by u/joeytwiddle

function u(t) {

s=speechSynthesis
V=s.getVoices()
c.onclick=l=()=>(U=new SpeechSynthesisUtterance(l),U.voice=V[t%V.length|0],s.speak(U))//U.rate=U.pitch=1.2

Aug 6 2017 8:25 AM UTC

}// 140/140

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

A speaking dweet (international version)

u/joeytwiddle

Chrome users, if your utterance goes over 15 seconds, you may need to close the tab. http://tinyurl.com/chrome-bug-679437
u/cantelope

very clever :)... btw, which dweet of mine crashed your lappy? ...just curious
u/joeytwiddle

This is the one, it can reliably overheat my CPU: https://www.dwitter.net/d/2355 I think it's due to the size of the large squares. I have had to adjust the cooling thresholds!
u/cantelope

:/ sorry about that.
u/joeytwiddle

No worries Cantelope. Wow Mac has a lot of voices. The "Cello" voice is pretty funny! https://codesandbox.io/s/vq48b #audio #speech

show FPS hide FPS share fullscreen

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9:03 PM UTC

}// 137/140

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

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

show FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

x.fillStyle='#0001';for(x.fillRect(0,0,2e3,2e3),i=0;i<6.29;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

Aug 5 2017 2:42 PM UTC

}// 135/140

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

A glowy curve, inspired by the inverted colors of https://www.dwitter.net/d/3015 by Cantelope

u/kchplr

Noticed it is very slow in firefox, has lot of artefact on Safari and doesn't even render properly in stable Chrome. The only browser rendering it correctly is Chrome Canary. Oh, well.
u/kchplr

Here is a version which renders correctly on stable Chrome : for(x.fillStyle='rgba(0,0,0,.1)',x.fillRect(0,i=0,2e3,2e3);i<7;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(i=5e3;i--;i%4||x.beginPath())Z=i/128+i%2,X=i/4%32+(i%4>1),x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.fill(x.lineTo(X*60,Z*35-Y))

Aug 2 2017 9:02 PM UTC

}// 139/140

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

Ripples!

u/alien

Respect

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3142,n=500;i--;Y=S(i/n*(2-(.5+S(t+V)|0))),X=C(S(t)+t+i/n),x.fillRect(960+X*n+V/X,550+Y*n+V*Y,4+V*X,5))V=(T(C(i+t)))**7

Aug 4 2017 10:05 AM UTC

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

cantelope

function u(t) {

for(K=128,E=20,H=j=54;j--;)for(i=99;i--;x.fillRect(X,Y,E,E))x.fillStyle=R(K+S(J=((X=i*E)**2+(Y=j*E)**2)**(.6-C(t)/5)/H)*K,K+C(J)*K,K-S(J)*K)

Aug 4 2017 9:26 AM UTC

}// 140/140

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

u/sigveseb

Pretty
u/cantelope

ppl seem to either love or hate my more visually stimulating dweets. I agree that it's pretty, but someone else complained that it is an epilepsy-causing abomination that should be stopped. :s
u/joeytwiddle

One of your dweets overheats my laptop and makes it shut down
u/cantelope

:s do you know which one? this one?

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/3007 by u/New_Core

function u(t) {

b=c.width|=1,d=350
X=10*S(t)
Y=10*C(t)
for(i=d;i--;x.fillRect(X*Z+960,Y*Z+540,Z,Z))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 3 2017 7:42 AM UTC

}// 139/140

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

total chaos ;)

u/13thptr

#d3